main.ts 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. // 引入windi css
  2. import '@/plugins/windi.css'
  3. // 导入全局的svg图标
  4. import '@/plugins/svgIcon'
  5. // 初始化多语言
  6. import { setupI18n } from '@/plugins/vueI18n'
  7. // 引入状态管理
  8. import { setupStore } from '@/store'
  9. // 全局组件
  10. import { setupGlobCom } from '@/components'
  11. // 引入 element-plus
  12. import { setupElementPlus } from '@/plugins/elementPlus'
  13. // 引入 vxe-table
  14. import { setupVxeTable } from '@/plugins/vxeTable'
  15. // 引入 form-create
  16. import { setupFormCreate } from '@/plugins/formCreate'
  17. // 引入全局样式
  18. import '@/styles/index.scss'
  19. // 引入动画
  20. import '@/plugins/animate.css'
  21. // 路由
  22. import router, { setupRouter } from '@/router'
  23. // 权限
  24. import { setupAuth } from '@/directives'
  25. import { createApp } from 'vue'
  26. import App from './App.vue'
  27. import './permission'
  28. import { isDevMode } from '@/utils/env'
  29. // 本地开发模式 全局引入 element-plus 样式,加快第一次进入速度
  30. if (isDevMode()) {
  31. console.info(isDevMode())
  32. import('element-plus/dist/index.css')
  33. }
  34. // 创建实例
  35. const setupAll = async () => {
  36. const app = createApp(App)
  37. await setupI18n(app)
  38. setupStore(app)
  39. setupGlobCom(app)
  40. setupElementPlus(app)
  41. setupVxeTable(app)
  42. setupFormCreate(app)
  43. setupRouter(app)
  44. setupAuth(app)
  45. await router.isReady()
  46. app.mount('#app')
  47. }
  48. setupAll()