vue学习之路（1）——搭建vue脚手架（vue-cli）

• 准备的环境和工具

 1. 首先安装node.js，官网：https://nodejs.org/en/
 2. win+r 输入cmd 打开 命令行 输入node -v 出现相应的版本号，则说明安装成功。此时已经自带npm（包管理工具）

3. 安装淘宝镜像（cnpm），打开命令行工具，输入：npm install -g cnpm --registry= https://registry.npm.taobao.org

 4. 安装webpack，打开命令行工具输入：npm install webpack -g，安装完成之后输入 webpack -v，如果出现相应的版本号，则说明安装成功。

 5. 安装vue-cli脚手架，输入：npm install vue-cli -g，安装完成之后输入 vue -V（注意这里是大写的“V”）出现相应的版本号，则说明安装成功。

• 使用vue-cli来构建项目:

1. 在硬盘上找一个文件夹放工程：cd 目录路径 
2. 安装vue脚手架输入：vue init webpack name，这里的“ name” 是你项目的名称。
3. cd 命令工程目录（cd name）
4. 安装项目依赖：npm install，因为自动构建过程中已存在package.json文件，所以这里直接安装依赖就行。不要使用cnpm安装，会导致后面缺了很多依赖库，不成功再用：cnpm install。
5. 启动项目，输入：npm run dev。
6. 如果浏览器打开之后，没有加载出页面，有可能是本地的 8080 端口被占用，需要修改一下配置文件 config>index.js里的port
7. 打包文件：npm run build