Vite2.0+Vue3.0+TypeScript+ElementPlus开发实战

npm init vite@latest

npm i

npm run dev

npm install @types/node --save-dev

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'
export default defineConfig({
  plugins: [vue()],
  server: {
    host: '0.0.0.0',    //解决“vite use `--host` to expose”
    port: 8080,
    open: true
  },
  resolve:{
    alias:[
      {
        find:'@',
        replacement:resolve(__dirname,'src') 
      }
    ]
  }
})
​

npm install element-plus --save

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
//引入element-ui样式
import 'element-plus/dist/index.css'
import App from './App.vue'
const app = createApp(App)
//全局使用组件
app.use(ElementPlus)
app.mount('#app')

<template>
   <el-button type="primary">使用Button组件</el-button>
</template>
<script setup lang="ts">
import { ElButton } from 'element-plus'
</script>