Vue Cli 2.0 安装，创建一个新的项目

• Node.js & cnpm 安装

  没有安装的同学，可以参考我的另一篇文章： Node.js安装与环境配置

• 安装 Vue cli
  
  npm 安装：npm install -g vue-cli
  cnpm 安装：cnpm install -g vue-cli

• 测试Vue cli 是否安装成功
  
  命令行敲入 vue -V 查看当前版本
  
  
  测试是否安装成功

• 安装 webpack & webpack-cli
  
  npm 安装：npm install -g webpack && npm install webpack-cli -g
  cnpm 安装：cnpm install -g webpack && cnpm install webpack-cli -g

• 创建一个新的Vue Cli 2.0 的项目
  
  命令行进入想要放置项目的文件夹里并 vue init webpack test 开始创建你的新项目

  摘自网络

  1. 一定要选择路由功能
  2. 做相关选择时，对测试相关的一些选项，y/n可选择n，避免测试用的一些文件下载不了造成项目不能顺利创建。

• 运行项目
  

  1. 首先命令行cd进入项目目录
  2. npm install //安装依赖的包
  3. npm run dev //运行项目
  4. http://localhost:8080/ //这时候项目已经跑在了你的本地上 浏览器打开去查看你的第一个项目吧~

• 打包项目 上线发版

1. 命令行进入项目 敲入 npm run build
2. 打包成功后：默认会生成 dist 文件夹，项目上线时，只需要将 dist 文件夹交给后台人员放在服务器就可以了

（限于本人技术有限，本文如有表述不当的地方，欢迎赐教~）
（转载到其他平台需含本文的简书链接）