创建一个vue3+ts+vite+element-plus项目

309 阅读1分钟
//创建项目
npm init @vitejs/app 项目名称

//安装element-plus UI组件库
npm install element-plus --save

//安装element-plus UI组件库
npm install element-plus --save


//elment-plus 按需引入
npm install -D  unplugin-vue-components unplugin-auto-import


//自动引入 别名
npm install unplugin-auto-import -D
npm install @type/node --save  --dev

//vite.config.ts配置
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import path from 'path'
console.log(path)
export default defineConfig({
  plugins: [
    vue(),
    AutoImport({
      imports: ['vue', 'vue-router'],
      resolvers: [ElementPlusResolver()],
    }),
    components({
      resolvers: [ElementPlusResolver()],
    })
  ],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src')
    }
  }
})