element-plus 安裝

創建vue3 可以參考使用Vue-cli 3.x搭建Vue項目 - 寒爵 - 博客園 (cnblogs.com)

 

下載 element-plus

快速搭建·

https://github.com/element-plus/element-plus-vite-starter

vue create elem-app

 

 

 

 

 回車選vue3

 

 

 之后一路回車

cd 到app目錄

vue add element-plus

選 fully import

 

 

 前面應該遇到過，這里注意（y/N） 大寫N意思是回車時默認選N

 

 選zh-ch

 完成

運行

npm run serve

 

 

TS安裝

創建時勾選ts

修改main.ts文件， /plugins/element.js不需要用了

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
//import installElementPlus from './plugins/element.js'

import ElementPlus from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'
import locale from 'element-plus/lib/locale/lang/zh-cn'
const app = createApp(App)
//installElementPlus(app)
app.use(ElementPlus, { locale }).use(store).use(router).mount('#app')