为什么要用Vue脚手架：
用VUE开发，当然不能只满足于小打小闹地引用个文件而已，我们必须先搭建项目运行环镜，其好处有如下几点：
一、B格满满，再也不用为IIS、LNMP、ANMP各种配置发愁了，npm run dev热启动，简直是调试神器！
二、再也不用到处找各种支持库或环境包，缺啥东东，就用npm安装啥，在我眼中，npm的那一端简直是一座银行，要啥有啥，还是无限存款，不担心出错。
三、webpack打包，简单省事！
为什么有这个笔记：
其实网上有N多这种教程，有繁有简，不一而足，安装过程中踩到的雷各有不同。我现在把自己遇到的雷总结一遍，以备以后查询。
安装顺序总结：
我的环境是Windows10 64位，时间是2018-8-9日，以后遇到新版本，会在这里更新：
安装NODE -> 安装CNPM -> 安装webpack -> 初始化项目 -> 安装依赖 -> 【安装IVEW】
安装细节
一、安装NODE.JS （NODE环境）
官网：https://nodejs.org/en/ 下载
下载：LTS 长期支持版；Current 最新版 （最好使用这个）
安装：不要安装在系统盘，目录结构不要太复杂，不要中文，好记就行
安装过程一路下一步，没什么可说的！省略...
配置：（很重要，不配置不能在任意目录中使用命令）
1、在安装目录中，新建文件夹（全局模块存放目录）node_cache 和（cache目录）node_global
改变npm配置 运行如下命令：
npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"
意为将npm全局模块存放目录变成 XXX
2、添加环境变量（模块安装目录）：（计算机属性-高级-环境变量 路径-编辑-填写）
D:\workspace\nodejs\node_modules
测试：命令行：npm -v
（因设了环境变量，该命令可以在任何位置运行，否则说明设错了）
二、安装淘宝cnpm
为什么要用cnpm？cnpm同npm一样，都是包安装工具，区别是cnpm国内的，下载东西速度更快；npm是国外的，速度慢一些。
官网：https://npm.taobao.org/ 用的是淘宝的，暂时不担心它会倒闭。(lll￢ω￢)
安装：
npm install -g cnpm ---registry=https://registry.npm.taobao.org
说明：一、安装NODE.JS时，会自动安装npm，上面修改环境变量，就是为了让你知道npm将东西安装在了什么地方；二、npm命令可以直接用windows自带的CMD运行。
配置：添加环境变量：D:\workspace\nodejs\node_global（方法同上，意义同上）
测试：
cnpm -v
三、安装webpack （前端资源加载/打包工具）
安装：
cnpm install webpack -g
（这个命令可以随处运行，就是因为设了cnpm的环境变量，可以环境变量多么重要）
测试：
webpack -v
四、安装vue-cli（今天的主角，不了解它的也不会看这个笔记了）
安装：
cnpm install vue-cli -g
测试：
vue -V
（V要大写，返回VUE版本号，否则安装失败）
五、初始化项目 （搭建脚手架）
项目即你所做的网站或应用或APP的工作目录总和，配置它有利于集合所有文件资源，依赖类、环境等，不必再另外配置（其实配置它自身也挺麻烦）
创建：创建项目存放文件夹，在其中运行命令行（文件夹名不能大写或中文）
vue init webpack 项目名（最好是文件夹名）
过程及询问：（安装过程中，会有一些互动选项）
Project name: 项目名称，默认是项目存放目录名（可以直接回国）
Project description： 项目描述，（自已写）
Author: 项目创建者
Vue build (Use arrow keys) 打包方式 （选第一项或默认即可）
Install vue-router? 是否安装路由（是）
Use ESLint to lint your code? 是否启用eslint检测（不）
Setup unit tests with Karma + Mocha? 是否安装单元测试（是 选Karma + Mocha）
Setup e2e teste with nightwatch? 是否安装e2e测试（是）
Should we run `npm install` for you after the project has been created?
重要：这一项是询问 是否用npm安装配置所有依赖
最好选（否）手动，等安装完成后自己用cnpm安装
依赖：在项目文件夹中运行（确保项目目录中有package.json）
先安装babel-runtime：（用来模拟ES2015环境的工具）
cnpm install babel-loader --save
安装依赖环境：
cnpm install
出错没关系，大不了重装：
六、启动项目 -热启动，会临时运行一个服务，可随时监控代码效果及错误
cnpm run dev
七、安装前端UI框架 IVEW（为什么要选它？你总得用一个吧，要不自己写？各种组件和效果？）
cnpm install iview --save
网友评论