快速创建Vue项目（vue-cli）

Node.js环境搭建

Vue需要Node.js的环境支持，所以第一步就是安装配置Node.js环境。Node.js官网地址：https://nodejs.org/en/.
安装过程不再赘述，具体可参考官方文档。
查看是否安装成功：

node -v

检查npm版本

1.查看npm版本

npm -v

2.如果版本低于3.0建议进行升级,升级方法如下
cmd指令下cd到node.js安装目录，输入npm update npm进行更新

安装cnpm（淘宝镜像）

因为npm安装插件是从国外服务器下载，受网络影响大，可能出现异常。淘宝团队就弄了镜像同步，这样我们就可以在墙内，不好意思多嘴了，就可以在国内happy的安装插件和包了。
cnpm安装命令：

npm install -g cnpm –registry=https://registry.npm.taobao.org

安装vue-cli

vue-cli是vue官方提供的一个命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。

vue-cli安装命令:

cnpm install -g vue-cli

检查是否安装成功：

vue -v

创建vue项目

1.项目创建所在目录可以为自定义目录也可是新建目录，具体看个人需要，然后cd到目录开始创建项目。作者这里直接在桌面创建。
2.下载全局vue-cli：

npm install vue-cli -g

3.创建项目：

vue init webpack myproject 

执行后，命令行提示如下

? Project name (my-project) //请输入项目名称，回车默认，输入后会根据项目名在当前目录创建文件夹
? Project description (A Vue.js project) //请输入项目描述，回车默认
? Author xsl 398818817@qq.com //请输入作者名，回车默认
? Vue build //请选择构建模式，请直接回车选择第一条
> Runtime + Compiler: recommended for most users
Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific
HTML) are ONLY allowed in .vue files - render functions are required elsewhere
? Install vue-router? Yes //是否安装vue-router,回车
? Use ESLint to lint your code? No //是否安装ESLint代码检查器，回车默认安装，此处建议输入n 然后回车，不建议安装，不然编译器总是因为格式问题标红，看着难受
Standard (https://github.com/feross/standard)
>AirBNB (https://github.com/airbnb/javascript)
none (configure it yourself)
? Setup unit tests with Karma + Mocha? Yes //单元测试，请按需选择
? Setup e2e tests with Nightwatch? Yes

4.项目install、运行
cd到项目，安装并运行：

cnpm install
cnpm run dev