Element Plus
市場(chǎng)上有很多支持Vue3和vite的UI，用什么UI可以根據(jù)自己興趣選擇搭综。
接入方式
- 官網(wǎng)有很多教程桐腌，我就不說(shuō)各種方式疾层，只說(shuō)一種纷铣。
第一步：
- 保證npm版本大于10.2.1卵史，node版本大于18.17.0，如果低于就想辦法升級(jí)上來(lái)搜立。
第二步：
- 安裝插件：
unplugin-vue-components unplugin-auto-import
npm install -D unplugin-vue-components unplugin-auto-import
第三步：
- 安裝成功后以躯，修改
vite.config.ts
......
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
AutoImport({
resolvers: [ElementPlusResolver()],
}),
Components({
resolvers: [ElementPlusResolver()],
}),
……
],
})
然后安裝Element-Plus庫(kù)
npm i element-plus
使用
安裝成功后就可以使用了。參考官網(wǎng)手冊(cè)和組件使用方式啄踊。
