vue3-bigdata/src/main.js

import { createApp } from "vue";
import ElementPlus from "element-plus";
import "element-plus/lib/theme-chalk/index.css";
import locale from "element-plus/lib/locale/lang/zh-cn";
import App from "./App.vue";
import router from "@/router";
import "reset-css";
import store from "@/store";
import "./styles/element-variables.scss";
import mitt from "mitt"
//全局注册Nprogress加载指示器
import NProgress from "nprogress";
import "nprogress/nprogress.css";
NProgress.configure({ showSpinner: false, easing: "ease", speed: 500 });

const app = createApp(App);
console.warn("环境", import.meta.env);

// 开发环境开启devtool
if (import.meta.env.MODE === "development") {
  app.config.devtools = true;
}

app.config.errorHandler = (err, vm, info) => {
  console.error("Vue错误：", err, vm, info);
};

app.config.warnHandler = function (msg, vm, trace) {
  // console.warn("Vue警告：", msg, vm, trace);
};
app.config.performance = true;

//全局注册组件
import AdminLayout from "@/layouts/AdminLayout.vue";
app.component("AdminLayout", AdminLayout);

import AppTagsViewSwitcher from "@/layouts/TagsViewSwitcher/index.vue";
app.component("AppTagsViewSwitcher", AppTagsViewSwitcher);

import AppSideBar from "@/layouts/AppSideBar/index.vue";
app.component("AppSideBar", AppSideBar);

import AppBreadcrumb from "@/layouts/Breadcrumb/index.vue";
app.component("AppBreadcrumb", AppBreadcrumb);

import AppHeader from "@/layouts/AppHeader/index.vue";
app.component("AppHeader", AppHeader);

import MobileAppHeader from "@/layouts/MobileAppHeader/index.vue";
app.component("MobileAppHeader", MobileAppHeader);

import MobileAppSideBar from "@/layouts/MobileAppSideBar/index.vue";
app.component("MobileAppSideBar", MobileAppSideBar);

app.use(ElementPlus, { locale });
app.use(router);
app.use(store);
window.$app = app
app.config.globalProperties.$bus = new mitt()
app.mount("#app");