开始之前
vue-cli作为vue的脚手架工具，集成了webpack环境及主要依赖，对于项目的搭建、打包、维护管理等都非常方便快捷。在开始项目之前，建议先熟悉vue.js基本语法。
安装node环境
1.node.js安装
在node官网下载node.js，建议下载稳定版本，node.js官网
下载完成后点击安装，安装过程很简单，一直next即可，安装完成会自动添加node及npm环境变量。检验是否安装成功，在cmd输入命令 node -v,回车 及 npm -v,回车，如出现下图所示版本信息，表示安装成功
2.安装vue脚手架vue-cli
打开cmd命令行工具，输入npm install -g vue-cli 回车 全局安装vue-cli
npm会有点慢，建议更改为国内淘宝的镜像cnpm，只换源即可。在cmd输入命令：npm config set registry https://registry.npm.taobao.org
3.vue-cli 构建项目
打开cmd命令行，进入你要创建项目的目录下，输入
vue init webpack project-name
回车后，会下载template模板，可能要等一小会，然后按提示完成项目的构建，如下图
Project name --项目名字
Project description --项目描述
Author -- 作者
Vue build --构建模式，默认选择第一种
Install vue-router --是否安装vue-router,选择是，vue-router是路由组件，后面写项目会用到
Use ESLint to lint your code --是否选择eslint格式验证你的代码，强烈建议选择No,否则你会很痛苦的，特别是对于刚开始学习vue项目的新手来说，不建议开启
下面两个是测试的，可以不用安装，都选择No
4.安装依赖
项目构建完成，打开你的文件夹如下图：
现在项目已经出局锥形，还未安装依赖，需打开cmd,进入项目目录下，输入 npm install回车
我使用的是淘宝镜像安装的，（比较快，节约时间就用淘宝镜像了，上面有淘宝镜像的安装方法，你们也可以自己google）
依赖安装完成，项目下会多出nod_modules文件夹
依赖安装完成，打开cmd，进入项目目录，输入cnpm run dev回车
等一会项目就跑起来了，会打开你电脑的默认浏览器，监听8080端口，出现如下图所示。恭喜你，已经构建好vue项目了。就可以开始开发了
