用vue-cli 搭建vue项目
第一步：
在搭建vue的开发环境之前一定要先下载node.js，vue的运行是要依赖于node的npm的管理工具来实现，node可以在官网或者中文网里面下载，需要根据自己的电脑选择是32位还是64位 ，网址：http://nodejs.cn；
下载安装完node.js 以后用shift+鼠标右击打开命令窗口，执行命令行node -v 输出版本号来验证是否安装成功；
第二步：
由于在国内使用npm是非常慢的，所以在这里我们推荐使用淘宝npm镜像，使用
淘宝的cnpm命令管理工具可以代替默认的npm管理工具：npm install cnpm -g
安装成功以后同样用命令行cnpm -v 以用来检测 cnpm 的版本号
第三步：
接下来就可以全局vue-cli脚手架，输入命令：cnpm install vue-cli -g 然后用命令输入vue，出来vue的相关信息说明安装成功；
第四步：
新建文件夹然后通过node指令 npm init自动创建一个package.json文件，并封装发布使用
注意：一路Enter回车，然后出现Is this ok? <yes> yes；文件package.json 就生成了
第五步：
正式下载vue相关的依赖包，webpack是一个现代JavasScript应用程序的模块打包器，官方网站https://www.webpackjs.com
执行命令行npm install webpack -D
执行命令行 npm install webpack-cli -D
执行命令行npm install webpack-dev-server -D
主要用于：(1) 开启服务器 (2) 自动监视文件变化 热部署
第六步：
搭建完手脚架之后，我们要开始生成一个新项目， 输入命令：vue init webpack my-project 后回车，my-project是项目文件夹的名字，是基于webpack的项目，输入之后就一直回车，直到出现是否要安装vue-route
项目基本信息配置：
Project name (demo-one) # 项目名称
Project description (A Vue.js project) # 项目描述
Author #作者
Vue build (Use arrow keys) # 直接回车 选择runtime+compiler
Install vue-router? (Y/n) yes # 是否安装Vue路由
Use ESLint to lint your code? (Y/n) no # 使用 ESLint 代码检测工具
Pick an ESLint preset (Use arrow keys) # 选择一个预置ESLint（使用箭头键
Setup unit tests with Karma + Mocha? (Y/n) no # 是否需要单元测试工具
Setup e2e tests with Nightwatch? (Y/n) no # 是否安装端到端测试工具
Should we run npm install for you after the project has been created? 选择第三个选项
#在创建完项目之后是否需要自动运行npm install来下载第三方包
最后按照命令窗口里的提示，依次下载安装依赖包 node_modules
首先是进入项目文件之内cd my-project，其次是下载文件内所有的依赖包npm install，最后是将项目启动npm run dev
第七步：
执行命令行 npm run dev出现如下画面则为启动成功
出现如下画面则为项目创建成功