vscode 如何创建项目并引用vue及vue-cli 脚手架

一。在电脑硬盘上创建个文件夹,如vue-cliTest文件夹。

二。如何电脑上没有node.js,可以百度搜node.js,在官网下在稳点版本,这是npm管理包,有了它就可以在cmd上使用npm下载东西。

三,由于npm连接的国外服务器,这里建议下载国内的npm镜像文件cnpm。cmd里输入命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org

稍等片刻电脑就会下载号cnpm。

四,可在刚刚创建好的文件夹使用命令行:cnpm install vue 去下载vue.js

五,Vue -v可查看到vue版本号,以此可确定是否正确安装vue

六。接着同样在刚刚创建文件夹使用命令行:cnpm install -g @vue/cli   这是来下载vue-cli脚手架

七。等创建完成后可继续使用 命令行:Vue ui来可视化界面创建vue项目


八。一般可视化操作生成项目很慢,大部分继续使用命令行创建项目:vue create 项目名称 

注意:项目名称不能有大写字母,否则报error错误!命令行输入完成后:


选择第二项 Manually select features,


这时候不勾选Linter/Formatter,而是勾选Router。

再之后都是选择N,还有个In Package.json。选择完成后就可创建vue-cli脚手架项目

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容