使用vite在创建vue3项目，遇到的一些样式和引入问题的解决

1.今天使用vite想来构建vue3的项目，却发现vite除了快一无是处，整那么多没用的样式，对于想来写后台管理系统的同学很不友好。

2.首先我们来清除万恶的css样式（一下样式可独立设置一个global.css，记得在mian.js中引入）

body{
  display: block;
}

#app {
max-width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
}


//layout页面的头部应用


.common-layout {
  width: 100%;
  /deep/ .el-header {
    padding: 0;
  }
}

3.很不错，现在css样式没问题了 

4.接下来，就是router.js的问题了

5.在src下创建router文件夹，下面创建index.js，并作如下配置

import { createRouter, createWebHistory } from "vue-router";
import Layout from "../components/layout/Layout.vue";
import Login from "../pages/Login/Login.vue";

const routes = [
  {
    path: "/",
    component:Layout  ,
  },
  {
    path: "/login",
    component: Login ,
  },
];

const router = createRouter({
  history: createWebHistory(),
  routes,
});


export default router;

6.记得在main.js中引入，并使用app.use(router)

7.到此刻，一个非常友好的初始化项目就ok了。继续去码吧，少年！