Vue 3 + TypeScript + Vite + Element-Plus

npm create vite@latest my-vue-app -- --template vue-ts

npm install element-plus --save

// main.ts
import { createApp } from 'vue'
import './style.css'
++ import ElementPlus from 'element-plus'
++ import 'element-plus/dist/index.css'
import App from './App.vue'

const app = createApp(App)

++ app.use(ElementPlus)
app.mount('#app')

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  server: {
    port: 8080,
  }
})

npm i --save-dev @types/node

"compilerOptions": {
    ...
 
    "types": [
      "node"
    ],
  },

import { defineConfig } from 'vite'
import { resolve } from 'path'

export default defineConfig {
    // ...
    resolve: {
        alias: {
            "@": resolve(__dirname, 'src'), // 路径别名
        },
        extensions: ['.js', '.json', '.ts'] // 使用路径别名时想要省略的后缀名，可以自己 增减
    }
    // ...
}

{
    "compilerOptions" : {
        // ...
        "baseUrl": ".", // 用于设置解析非相对模块名称的基本目录，相对模块不会受到baseUrl的影响
        "paths": { // 用于设置模块名到基于baseUrl的路径映射
            "@/*": ["src/*"]
        }
        // ...
    }
}