从无到有创建vue项目(利用图像化界面)

1.安装node

网上搜索“node.js安装教程”,跟着走完即可安装(记得加环境变量)。记得检查node是否安装好,cmd里面输入node -v检查是否装成功。

2.安装web-pack

利用node里面的npm工具,cmd里面输入

npm install -g webpack

将webpack安装上。

3.安装vue-cli 

cmd输入

npm install vue-cli -g

 4.利用vue-cli的图形化界面创建项目

cmd输入

vue ui

即可以弹出如下的图形化界面 

从无到有创建vue项目(利用图像化界面)

5.直接利用该界面创建项目即可

 

ps:可能遇到的问题。

1.vue不是内部或外部的命令。

解决方法:①检查环境变量,将vue.cmd这个文件的路径配置到环境变量当中。②我之前遇到这个问题是因为我vue-cli的版本过低,没有卸载低版本的情况下又继续安装新版本,导致出现同样的错误,应该先执行npm uninstall vue-cli -g;再执行npm install vue-cli -g;即可。

2.npm命令如果下载过慢,考虑使用cnpm命令。