//该vite项目需要node版本大于16
nvm ls 查看所有已经安装的版本
nvm list available 查看网络上可以安装的版本
nvm install 16.17.0
nvm use 16.17.0

// npm install --save-dev @types/node
// 配置路由别名@
import path from 'path'
 //设置路径别名
resolve:{
    alias: {
    '@': path.resolve(__dirname, './src'),
    },
},

// # Sass
npm install -D sass-loader sass

// # Less
npm install -D less-loader less

// # Stylus
npm install -D stylus-loader stylus

npm install style-resources-loader -D

// npm install -S vue-router@next
import { createRouter, createWebHashHistory } from "vue-router";

const routes = [
    {
        path: "/",
        name: "home",
        component: () => import("@/views/home/index.vue")
    },
    {
        path: "/about",
        name: "about",
        component: () => import("@/views/about/index.vue")
    }
]

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

export default router;

npm install vant -S

//按需引入
npm i unplugin-vue-components -D
//需要配置vite.config

npm install postcss-pxtorem --save-dev
npm install amfe-flexible --save-dev
//main.ts
import 'amfe-flexible'
//vite.config.js中配置postcss-pxtorem
export default defineConfig({
  ...
  css: {
    postcss: {
      plugins: [
        postCssPxToRem({
          rootValue: 37.5, // 1rem的大小
          propList: ['*'], // 需要转换的属性，这里选择全部都进行转换
        })
      ]
    }
  },
...
})

npm install --save mitt
//bus.js
import mitt from "mitt";
const emitter = mitt()
export default emitter
//使用
emitter.emit()
emitter.on()