vue项目初始化模板

vue-cli生成webpack模板项目

# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖，走你
$ cd my-project
$ cnpm install
$ npm run dev

尤其注意：npm的注册源已经设置为taobao镜像，使用npm会报错，建议使用cnpm。

## less相关依赖
cnpm install less less-loader --dev-save
## sass 相关依赖
cnpm install sass node-sass  sass-loader  --dev-save
## axios
cnpm install axios  --save
## iview
cnpm install iview --save
## vuex
cnpm install vuex --save

注意 less和sass的相关依赖会报错，因为是--dev-save，所以需要重新安装。

复制时，注意.开头的文件

配置

webpack：

• uglify问题

​ 目录: build/webpack.prod.conf.js

compress: {
  reduce_vars: false,
  warnings: false
 }

bug: https://github.com/mishoo/UglifyJS2/issues/1516

• 生产环境打包，资源引用配置

  目录：config/index.js

assetsPublicPath: "./"

bug: http://www.jianshu.com/p/94790c3048b3

路由配置

• login和内容模块分离
• 嵌套路由和重定向

ajax封装

• 拦截器
• async
  • Babel-preset-stage-3
• token
  • localstorage

vuex