vue pc项目搭建1. vue init webpack 3. cnpm install iview -D 8. 加载

1. vue init webpack

2 添加less , cnpm i less less-loader

-D (iview 样式是基于less开发的)

3. cnpm install iview -D

按需引入iview组件

cnpm install babel-plugin-import -D

定制主题：使用iview3时webpack有个坑

utils.js中 less: generateLoaders('less', { javascriptEnabled: true }),

4.cnpm i vuex -D

5.添加 vue-lazyload ：图片预加载

main.js 中添加

import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload, {
  loading: require('@/common/image/default.png')
})

6.全局filter 建目录components/filters

7.utils 工具包建目录components/utils

8. 加载模块优化 router/index.js

{ path: '/auth/login',

    component:   (resolve) => {require(['@/components/kams/auth/login'], resolve) },
},

9. meta(禁用页面缓存)

<meta charset="utf-8">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">

10 ployfill ：<script src="//cdn.polyfill.io/v2/polyfill.min.js"></script>

11.添加axios cnpm i axios -D,(des,rsa公司加解密标准)

添加http.js等文件