main.js 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. import Vue from 'vue' // 引入vue
  2. import 'normalize.css/normalize.css' // css样式初始化插件
  3. import ElementUI from 'element-ui' // 引入整个Element
  4. import 'element-ui/lib/theme-chalk/index.css' // 引入整个Element样式
  5. import '@/styles/index.scss' // 全局css
  6. import App from './App' // 引入App
  7. import store from './store' // vue状态管理
  8. import router from './router' // vue官方的路由
  9. import echarts from 'echarts' // echart
  10. import '@/icons' // icon图标
  11. import '@/permission' // 权限控制
  12. import VueI18n from 'vue-i18n' //中英文切换
  13. import VueWorker from 'vue-worker'
  14. import $ from 'jquery'
  15. import 'bootstrap'
  16. import '@/assets/iconfont/iconfont.js'
  17. /**
  18. * 如果不想使用mock-server,想将MockJs用作mock api,可以执行: mockXHR()
  19. * 目前在生产环境中将使用MockJs,请在上线前将其删除 ! ! !
  20. */
  21. // if (process.env.NODE_ENV === 'production') {
  22. // const { mockXHR } = require('../mock')
  23. // mockXHR()
  24. // }
  25. Vue.prototype.$echarts = echarts
  26. Vue.use(ElementUI)
  27. Vue.use(VueI18n)
  28. Vue.use(VueWorker)
  29. const i18n=new VueI18n({
  30. locale:localStorage.getItem('languageSet')||'zh', //从localStorage里获取用户中英文选择,没有则默认中文
  31. messages:{
  32. 'zh':require('./components/language/zh'),
  33. 'en':require('./components/language/en')
  34. }
  35. })
  36. import { ElMessage } from './utils/message.js'
  37. Vue.prototype.$message = new ElMessage()
  38. Vue.prototype.$bus=new Vue()
  39. Vue.config.productionTip = false // 生产环境阻止启动生产消息
  40. new Vue({
  41. el: '#app',
  42. router,
  43. store,
  44. i18n,
  45. render: h => h(App) // vue2.0的写法
  46. })