用Vue-cli快速搭建单页面 Vue 应用总结

  全局安装 vue-cli 模块(只用搭建一次就行)

npm install vue-cli -g 或者使用cnpm cnpm install vue-cli -g 

每次创建项目

vue init webpack <project name>

? Project name输入项目名称

? Project description 输入项目描述

? Author作者

? Vue build打包方式，回车就好了

? Install vue-router?选择  Y 使用 vue-router，输入 N 不使用

? Use ESLint to lint your code?代码规范，推荐 N

? Setup unit tests with Karma + Mocha?单元测试，推荐 N

? Setup e2e tests with Nightwatch? E2E测试，N

本地运行 

cd <project name>

npm install  初始化

npm run dev  查看

打包

npm run build 

上传github

git init  

git add .  

git commit -m 'message' 

git remote add origin 你的远程库地

git push -u origin master   将本地内容提交到远程

更新github

npm run build 重新打包文件

git pull origin master 合并本地内容

git push origin master   将本地内容提交到远程

打包引入的图标不显示把webpack.prod.conf.js 中有一个extract设置成false