快速构建一个vue项目完整过程，以及对遇到问题的解决
目录
1、安装过程可参考：https://blog.csdn.net/Small_Yogurt/article/details/104968169
3、安装完nodejs后，可在命令行中查看：（注：npm在安装nodejs时已默认安装）
注意：在构建项目时，执行完vue init webpack projectName后，可能会出现 downloading template 很长时间，卡在这里不动。
目录
1、安装过程可参考：https://blog.csdn.net/Small_Yogurt/article/details/104968169
3、安装完nodejs后，可在命令行中查看：（注：npm在安装nodejs时已默认安装）
注意：在构建项目时，执行完vue init webpack projectName后，可能会出现 downloading template 很长时间，卡在这里不动。
安装好nodejs、npm、vue、webpack后即可开始创建项目：
本地全局信息：（如果全局信息都正常，可直接看项目构建过程）
注意：如果执行vue -V时报错error: unknown option `-v'；解决办法：-v改为-V（必须大写）；
安装时可能遇到的问题：
1、安装过程可参考：https://blog.csdn.net/Small_Yogurt/article/details/104968169
注：对于修改全局模块路径和缓存路径（目的是为了减少对系统盘的占用）【可选，也可以不选择修改该路径】，有人说在创建项目或执行项目时会有影响，本人亲测，没有影响，只是纯粹地对文件路径修改，换了文件保存的地址而已。（如果出现问题说明在修改路径时操作有误）。
2、配置环境变量时需要注意的事项：
在配置环境变量时一定要将用户变量中的路径C:\Users\用户名\AppData\Roaming\npm修改为创建的node_global所在路径：比如：
在你的nodejs安装目录下创建两个文件夹，名称分别为：node_global和node_cache，在node_global文件夹下再建一个node_modules文件夹，配置环境变量用，在系统变量中，新建系统变量，变量名：NODE_PATH ，变量值：node_global文件夹下的node_modules文件夹。如：E:\nodejs\nodejs\node_global\node_modules
然后在系统环境变量path中添加路径，可能安装时已添加：如：E:\nodejs\nodejs
3、安装完nodejs后，可在命令行中查看：（注：npm在安装nodejs时已默认安装）
4、安装Vue的工具：
nodejs安装成功之后，接下来安装Vue的工具：
在安装时，默认是使用国外的下载源，可以通过下面的命令配置为淘宝的镜像，能有效提高下载的速度和成功率：
npm config set registry https://registry.npm.taobao.org
然后安装Vue的工具：
npm install -g vue-cli #只需第一次安装时执行
5、执行webpack -v命令时可能会出现以下提示，说明在开发环境中局部安装了webpack-cli
可直接进行全局安装：
npm install -g webpack-cli
6、全局安装脚手架之后，可通过vue list命令看到官方提供的模板
项目构建过程
注：WebStorm也支持直接创建Vue项目的，但是如果用命令行创建Vue项目不成功的话，用WebStorm也一定创建不成功，因为它也是调用命令行的文件来执行的。建议用命令行构建项目，然后在WebStorm中打开项目。
1、在要创建项目的目录位置下打开Powershell窗口（shift+右键单机，选择‘在此处打开Powershell窗口‘）【当然，也可以在命令窗口下创建——文件地址栏输入cmd打开】
（1）Powershell窗口下：
（2）命令窗口下：
2、创建项目：
vue init webpack vue03
构建过程解释：
? Project name vue03：是否使用vue03为项目名称？也可以修改。回车下一步。
? Project description A Vue.js project：项目描述，项目创建好还可以修改
? Author R_obert：作者
? Vue build standalone：项目的构建方式，推荐的是运行加编译的方式。（Runtime + Complier）
? Install vue-router? Yes:是否安装vue-router（页面路由，vue中的一个页面跳转工具）
? Use ESLint to lint your code? No：代码检测工具，规范代码格式，安装后代码必须满足指定的格式
? Set up unit tests No：单元测试
? Setup e2e tests with Nightwatch? No：单元测试
? Should we run `npm install` for you after the project has been created? (recommended) npm：安装包管理工具,推荐npm
选项：Yes, use NPM：安装npm
Yes, use Yarn:安装yarn,一个类似于nmp的包管理工具
No, I will handle that myself:选择自己安装
当选择自己安装包管理工具时，操作如下：
切换到创建的项目目录下，执行“npm install ”即可。
项目构建完成后，生成项目文件夹：
执行依赖下载完成后，在项目目录中会生成一个node_modules的文件夹
3、项目创建完成后，就可以直接在WebStorm中打开该项目了，如下：
注意：在构建项目时，执行完vue init webpack projectName后，可能会出现 downloading template 很长时间，卡在这里不动。
解决办法如下：
1、切换网络，当网络不好或网络被限速的情况下会出现这种情况。我个人就是切换为手机的热点后解决的。
2、通过执行下面的命令，将下载地址配置到国内的淘宝镜像上：
npm config set chromedriver_cdnurl https://npm.taobao.org/mirrors/chromedriver
3、重新安装webpack即可，也就是上面讲到的进行全局安装。
npm install -g webpack-cli
至此，项目构建完成！
Vue项目目录介绍：
build:定义了项目打包时的一些脚本
config：配置跟nodejs相关的文件
node_modules:下载的依赖、库
src:代码区
static:用来放置静态资源，如图片、视频文件
index.html:整个项目运行的文件
package.json:对项目或者模块包的描述，包含许多信息。比如项目名称，项目版本，项目执行入口文件等等。npm install 命令会根据这个文件下载所有依赖模块。
项目启动
方法一：在WebStorm的终端命令行执行：npm run dev 【或者在命令行执行后访问http://localhost:8080即可】
方法二：在WebStorm的Configurations中配置后，直接运行，操作如下：
启动成功后进入到浏览器如下界面，说明项目构建成功：
