快速创建一个Vue项目

第一步、全局安装webpack

1、npm install webpack -g  //全局安装webpack   在cmd窗口安装

如果在安装过程中出现了以下错误

有可能是缓存没清，也有可能是网速太慢

解决方法

npm cache clean --force    清除一下npm 缓存
npm install -g cnpm --registry=https://registry.npm.taobao.org  安装淘宝镜像

第二步、全局安装vue脚手架

2、npm install -g @vue/cli-init //全局安装vue脚手架

第三步、初始化一个appname项目

新建一个文件夹，然后在该目录下使用以下命令即可快速创建一个vue项目

3、vue init webpack appname  // vue脚手架使用webpack模板除初始化一个appname项目

如果在安装过程中出现了以下错误**‘vue’不是内部或外部命令，也不是可运行的程序**

解决方案，首先使用

npm config list //找到npm安装目录

然后在当前文件夹下搜索vue.cmd的路径

然后将vue.cmd的路径添加到环境变量的path属性中，重启命令行即可