vue-cli3 引入基本框架配置

一.引入elementUI

1.命令

npm i element-ui --S

2.在main.js 里面引入

import ElemnetUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI, {
    i18n:(key, value) => i18n.t(key, value)
})

二.引入i18n

1.命令

npm i vue-i18n --save

2.在src下创建i18n文件夹

index.js

import Vue from 'vue'
import VueI18n from 'vue-i18n'
import zh from './zh'
import en from './en'

Vue.use(VueI18n)

const i18n = new VueI18n({
  locale: 'zh-CN',    // 语言标识
  // locale: localStorage.getItem('lang') || 'zh',
  messages: {
    'zh-CN': {...zh},   // 中文语言包
    'en-US': {...en}    // 英文语言包
  },
   // 隐藏警告
   silentTranslationWarn: true
})

  export default i18n

zh.js:

export default {
    click: '点击'
}

en.js: 

export default {
    click: 'Click'
}

 3.在main.js中：

import i18n from './i18n/index'

new Vue({
  el: '#app',
  router,
  i18n,  // 新添加
  components: { App },
  template: '<App/>'
})

运行：

 三.引入esLint:(在安装脚手架的时候选择yes)

1.修改 .eslintrc.js 里面的配置参考：

https://www.cnblogs.com/wy99/p/13640124.html

四.引入less

1.命令

npm install less less-loader  --save-dev

 在package.json里面可以看到

 然后报错：

 只需把less-loader 版本改为5.0.0即可

五.引入vuex

1.命令

npm i vuex --save

2.在src下新建store文件夹下面创建一个index.js文件

...