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