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 语法高亮的插件
配置界面
网友评论