-
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开始创建你的新项目摘自网络- 一定要选择路由功能
- 做相关选择时，对测试相关的一些选项，y/n可选择n，避免测试用的一些文件下载不了造成项目不能顺利创建。
-
运行项目
- 首先命令行cd进入项目目录
-
npm install//安装依赖的包 -
npm run dev//运行项目 - http://localhost:8080/ //这时候项目已经跑在了你的本地上 浏览器打开去查看你的第一个项目吧~
打包项目 上线发版
- 命令行进入项目 敲入
npm run build- 打包成功后：默认会生成 dist 文件夹，项目上线时，只需要将 dist 文件夹交给后台人员放在服务器就可以了
（限于本人技术有限，本文如有表述不当的地方，欢迎赐教~）
（转载到其他平台需含本文的简书链接）
