从无到有创建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

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

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

 

ps：可能遇到的问题。

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

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

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