一.引入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文件
...