第一次写博文（大多都记录在本地markdown，陆续都会分享出来），希望大家多多指教。
前言
在开始自动搭建项目之前，你需要做如下准备：
- 安装node环境，若未安装请到 nodejs.org（官方）、nodejs.cn/（中文网）下载安装包
- 如需要安装多版本的node环境，请使用Node版本管理器NVM，参见 www.jianshu.com/p/e21e37833…、www.jianshu.com/p/8671e439a…
- 安装完成以后，在命令行工具输入
node -v和npm -v，若显示版本号，说明安装成功。
- 推荐安装cnpm镜像（npm.taobao.org/），因为有时使用npm安装依赖速度较慢，甚至可能出现安装失败。
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
使用vue-cli快速搭建工程项目：
第一步：安装命令行工具：cli (此处为全局安装)
$ npm(cnpm) install --global vue-cli- 如果安装失败，可以使用
npm cache clean清理缓存，然后再重新安装。前面的安装过程中，如有安装失败的情况，也需先清理缓存。 - 若出现报错提示“无法识别 vue ”，可能是 npm 版本过低，可以使用
npm install -g npm来更新node版本。 - 安装完成后，可以使用
vue -V（ V 大写）查看是否安装成功。
第二步： 在目标文件夹生成一个基于webpack模版的项目
$ vue init webpack my-project- vue-cli项目模板中，都带有 webpack 插件，所以这里可以不安装 webpack
- webpack 是模板名称，了解更多模型信息：github.com/vuejs-templ…
- my-project是自定义项目名称，命令执行之后，会在当前目录生成一个以该名称命名的项目文件夹
- 配置项目：
配置完成后，可以看到当前目录下多出了一个my-project文件夹，其就是基于 vue-cli 创建的一个 vue.js 项目。
第三步： cd到刚创建的项目文件夹，安装依赖包（如果你选择了在项目创建后自动安装依赖包，此步可略过）
cd my-project
$ npm(cnpm) install
npm run dev
- 如果浏览器打开之后，没有加载出页面，可能是本地的 8080 端口被占用，需要修改一下配置文件： config > index.js，将端口改为不常用端口，如：8075
第五步：打包项目
npm run build- 打包完成后，会在项目文件夹下生成 dist 文件夹，项目上线时，只需要将 dist 文件夹放到服务器就行了。
- 如果需要在本地打开打包后的index.html，需要修改文件路径（config > index.js）。因为打包之后，外部引入 js 和 css 文件时，如果路径以 ' / ' 开头，在本地是无法找到对应文件的（服务器上没问题）。
