如何在VUE3+ts的項目中,安裝elementplus的步驟詳解塔嬉。
elementplus官網(wǎng)地址:https://element-plus.gitee.io/zh-CN/
1. 在終端輸入
npm install element-plus --save
在這里插入圖片描述
也可以用cnpm 拍顷、yarn 和pnpm 蕊退。具體代碼:
# CNPM
$ cnpm install element-plus --save
# Yarn
$ yarn add element-plus
# pnpm
$ pnpm install element-plus
2. 在main.ts中添加
在全局安裝配置茫蛹,也可每個頁面單獨引用。
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
createApp(App).use(ElementPlus).mount("#app");
在這里插入圖片描述
3. 在HelloWorld.vue中添加
在頁面增加一個按鈕囊扳,看看是否安裝成功吩翻。
<el-button type="primary">Primary</el-button>
在這里插入圖片描述
出現(xiàn)按鈕,就是添加成功了锥咸!
在這里插入圖片描述
如何VUE3+TS學(xué)習(xí)-項目搭建:鏈接》》