main.ts 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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. // 引入 form-create
  14. import { setupFormCreate } from '@/plugins/formCreate'
  15. // 引入全局样式
  16. import '@/styles/index.scss'
  17. // 引入动画
  18. import '@/plugins/animate.css'
  19. // 路由
  20. import router, { setupRouter } from '@/router'
  21. // 权限
  22. import { setupAuth } from '@/directives'
  23. import { createApp } from 'vue'
  24. import App from './App.vue'
  25. import './permission'
  26. import hljs from 'highlight.js' //导入代码高亮文件
  27. import 'highlight.js/styles/github.css' //导入代码高亮样式 新版
  28. import '@/plugins/tongji' // 百度统计
  29. import Logger from '@/utils/Logger'
  30. // 创建实例
  31. const setupAll = async () => {
  32. const app = createApp(App)
  33. //自定义一个代码高亮指令
  34. app.directive('highlight', function (el) {
  35. const blocks = el.querySelectorAll('code')
  36. blocks.forEach((block: any) => {
  37. hljs.highlightElement(block)
  38. })
  39. })
  40. await setupI18n(app)
  41. setupStore(app)
  42. setupGlobCom(app)
  43. setupElementPlus(app)
  44. setupFormCreate(app)
  45. setupRouter(app)
  46. setupAuth(app)
  47. await router.isReady()
  48. app.mount('#app')
  49. }
  50. setupAll()
  51. Logger.prettyPrimary(`欢迎使用`, import.meta.env.VITE_APP_TITLE)