Vue环境搭建，打包，发布

1.安装NodeJS（第一次安装）

更新npm库
npm update -g

2.安装脚手架（第一次安装）

npm install -g vue-cli // npm update vue-cli 更新
查看当前全局 vue-cli 的版本
npm view vue-cli
vue –v

3.创建vue项目

vue init webpack my-project

安装界面
cd my-project
安装依赖包（node_modules/）
npm install
安装依赖包
npm install opn --save-dev
--save-dev依赖包安装进项目目录node_modules/（-g安装进nodejs安装目录的node_modules/）并把依赖记录进package.json的dev模式。

4.运行项目

npm run dev

5.Vue项目打包（发布目录dist/）

npm run build
打开dist/下的index.html,会发现文件可以打开，但是所有的js，css，img等路径有问题是指向根目录的，此时需要修改config/index.js里的assetsPublicPath的字段。初始项目是/他是指向项目根目录的也是为什么会出现错误，这时改为./。

代码

重新编译npm run build，再从dist根目录打开index.html文件就可以访问了。

6.推荐 Atom 打开项目，需要安装 Vue 语法高亮的插件

配置界面