vue开发常用插件

dependencies

axios // 用于请求数据

better-scroll // 用于处理页面列表的滚动，下拉刷新等

fastclick // 用于处理移动设备点击会有300毫秒延迟的问题

// src/main.js 中配置
import fastclick from 'fastclick'
fastclick.attach(document.body)

---

devDependencies

babel-plugin-import // (使用vantUI时的配置)会在编译过程中将 import 的写法自动转换为按需引入的方式，注意：配置 babel-plugin-import 插件后将不允许导入所有组件

// .babelrc 中配置
{
  "plugins": [
    ["import", {
      "libraryName": "vant",
      "libraryDirectory": "es",
      "style": true
    }]
  ]
}

stylus stylus-loader // 让vue支持stylus语法

// .vue文件中这样写
<style lang="stylus"></style>

babel-polyfill // 让vue项目兼容IE

// build/webpack.base.conf.js 中配置
require('babel-polyfill') // 加在第一行

module.exports = {
  entry: {
    app: ['babel-polyfill', './src/main.js'] // 入口中加入babel-polyfill
  }
}

vconsole // 让项目在手机上可以查看控制台

// src/main.js 中配置
import VConsole from 'vconsole'
/* eslint-disable no-new */
new VConsole()