main.js 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  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. import directive from '@/utils/directive'
  18. // import '@/assets/custom-theme/index.css'
  19. // import '../theme/index.css'
  20. //import '../element-variables.scss'
  21. /**
  22. * 如果不想使用mock-server,想将MockJs用作mock api,可以执行: mockXHR()
  23. * 目前在生产环境中将使用MockJs,请在上线前将其删除 ! ! !
  24. */
  25. // if (process.env.NODE_ENV === 'production') {
  26. // const { mockXHR } = require('../mock')
  27. // mockXHR()
  28. // }
  29. Vue.prototype.$echarts = echarts
  30. Vue.use(ElementUI)
  31. Vue.use(VueI18n)
  32. Vue.use(VueWorker)
  33. Vue.use(directive)
  34. const i18n=new VueI18n({
  35. locale:localStorage.getItem('languageSet')||'zh', //从localStorage里获取用户中英文选择,没有则默认中文
  36. messages:{
  37. 'zh':require('./components/language/zh'),
  38. 'en':require('./components/language/en')
  39. }
  40. })
  41. import { ElMessage } from './utils/message.js'
  42. Vue.prototype.$message = new ElMessage()
  43. Vue.prototype.$bus=new Vue()
  44. Vue.config.productionTip = false // 生产环境阻止启动生产消息
  45. new Vue({
  46. el: '#app',
  47. router,
  48. store,
  49. i18n,
  50. render: h => h(App) // vue2.0的写法
  51. })