Vue3+Vite+ElementPlus構(gòu)建學(xué)習(xí)筆記
更新時間：2024年12月09日 10:11:13 作者：PieroPc
這篇文章主要介紹了Vue3+Vite+ElementPlus構(gòu)建的相關(guān)資料,文中還介紹如何在Vue3項目中加入ElementPlus庫,并提供了完整引入的示例,需要的朋友可以參考下
1、Node.js 查看
node -v
2、如果你的網(wǎng)絡(luò)環(huán)境不佳，推薦使用 換源
npm config set registry https://registry.npmmirror.com
3、Vue 3 編碼規(guī)范 使用
1.編碼語言：TypeScript
2.代碼風(fēng)格：組合式API
3.簡寫形式：setup語法糖
4、所需網(wǎng)址
https://cn.vuejs.org/guide/quick-start
5、 構(gòu)建 指令
vue
npm create vue@latest
vite
npm create vite@latest
6、 在 Vue 3 加入 Element Plus 庫
安裝
npm install element-plus --save
完整引入
// main.ts
import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'
const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')// tsconfig.json
{
"compilerOptions": {
// ...
"types": ["element-plus/global"]
}
}
總結(jié)
到此這篇關(guān)于Vue3+Vite+ElementPlus構(gòu)建的文章就介紹到這了,更多相關(guān)Vue3+Vite+ElementPlus構(gòu)建內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
相關(guān)文章
基于vue實現(xiàn)圖片預(yù)覽功能并顯示在彈窗的最上方
這篇文章主要為大家詳細介紹了如何基于vue實現(xiàn)圖片預(yù)覽功能并顯示在彈窗的最上方,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-10-10
這篇文章主要為大家介紹了Vue3中進行二維碼的生成與解碼實現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
Ant?Design_Form表單上傳文件組件實現(xiàn)詳解
這篇文章主要為大家介紹了Ant?Design_Form表單上傳文件組件實現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
最近公司在研發(fā)app,選擇了基于Vue框架的vux組件庫，現(xiàn)總結(jié)在實現(xiàn)上拉刷新功能遇到的坑,感興趣的朋友參考下吧2018-02-02
這篇文章主要介紹了Vue 表單輸入綁定v-model，v-model指定可以實現(xiàn)表單值與屬性的雙向綁定。即表單元素中更改了值會自動的更新屬性中的值，屬性中的值更新了會自動更新表單中的值 ，下面一起進入文章來哦姐文章詳情內(nèi)容2021-10-10
vue關(guān)于重置表單數(shù)據(jù)出現(xiàn)undefined的解決
這篇文章主要介紹了vue關(guān)于重置表單數(shù)據(jù)出現(xiàn)undefined的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
腳手架是一種用于快速開發(fā)Vue項目的系統(tǒng)架構(gòu)，這篇文章主要介紹了Vue腳手架實現(xiàn)試卷頁面功能，通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-03-03
今天小編就為大家分享一篇vue h5移動端禁止縮放代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
在使用Vue3時,有時頁面修改后會出現(xiàn)空白,這篇文章主要介紹了vue3切換路由時頁面空白問題解決辦法,文中介紹的步驟可以有效解決頁面空白問題,需要的朋友可以參考下2024-09-09
vue2.0中g(shù)oods選購欄滾動算法的實現(xiàn)代碼
這篇文章主要介紹了vue2.0中g(shù)oods選購欄滾動算法的實現(xiàn)代碼,需要的朋友可以參考下2017-05-05