一，环境配置
1，安装NodeJs和npm包管理器
NodeJs: 从nodejs官网下载并安装node。完成安装后，打开命令行工具，输入node -v,如果出现版本号则表示安装成功。
npm包管理器：npm管理器是集成在node中，安装node后，在命令行输入npm -v，如果出现版本号，也表示安装成功
2，安装npm国内镜像-cnpm
因为有些包资源在国外被强了，因此使用npm下载依赖包会经常下载失败。所以需要使用npm的国内镜像——cnmp。
操作：打开命令行工具，输入：npm install -g cnpm --
registry=http://registry.npm.taobao.org，等待安装完成即可。
3，安装脚手架工具-Vue-cli
打开命令行工具执行命令：npm install -g vue-cli ，等待安装完成。
经过以上三部，整个vue项目的开发环境和工具都已准备完毕。
二，使用Vue-cli构建项目
1，初始化项目
①在命令行中cd切换到项目要放置的文件夹；
②执行命令：vue init webpack vueproject
注释： vue init 表示初始化项目；
webpack表示该项目是基于webpack构建工具构建 ；
vueproject表示项目文件夹名称 ,注：文件名不能有大写字母
执行过程见图：
2,安装项目依赖
①使用cd命令切换到项目文件夹==>cd vueproject
②安装项目依赖。使用命令：npm install
因为脚手架工具自动给我们生成了项目依赖(在package.json文件中)，因此需要安装这些依赖。安装成功后，会生成项目依赖库文件夹node_modules
三，运行项目
执行命令：npm run dev
注意：
执行npm run dev 命令，其中的“run”对应的是package.json文件中，scripts字段中的dev，也就是 node build/dev-server.js命令的一个快捷方式。项目运行成功后，浏览器会自动打开localhost:8080（如果浏览器没有自动打开，可以手动输入）。
