vue pc项目搭建

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等文件