如何利用vite快速搭建vue3項目
1.選擇一個文件夾
在vscode終端打開,輸入命令【npm create vite@latest】
npm create vite@latest
2.提示你輸入項目名稱之后
我這里設置的是【rookiedemo】
3.回車之后
出現(xiàn)選擇框架的提示,我們選擇【vue】回車
4.之后根據(jù)你的編碼習慣或需要
選擇【ts】或者【js】,點回車
5.vite非常貼心
按照對應的提示,即可
6.【cd rookiedemo】
進入對應的工程目錄
7.【npm install】安裝
安裝中……
安裝完畢……
8.【npm run dev】運行
9.瀏覽器打開即可看到
整個過程非常簡便快捷!
通過以上步驟,我們就得到了一個非常純凈的框架基底
之后我們將一步一步給這個框架基底添加基礎的好用的工具,以便快捷開發(fā)。
小Tips:
Vite 需要 Node.js 版本 18+,20+。
然而,有些模板需要依賴更高的 Node 版本才能正常運行,當你的包管理器發(fā)出警告時,請注意升級你的 Node 版本。
總結
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
Vue 實現(xiàn)把表單form數(shù)據(jù) 轉(zhuǎn)化成json格式的數(shù)據(jù)
今天小編就為大家分享一篇Vue 實現(xiàn)把表單form數(shù)據(jù) 轉(zhuǎn)化成json格式的數(shù)據(jù),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10詳解vuex中的this.$store.dispatch方法
這篇文章主要介紹了vuex中的this.$store.dispatch方法,必須要用commit(‘SET_TOKEN’,?tokenV)調(diào)用mutations里的方法,才能在store存儲成功,需要的朋友可以參考下2022-11-11vue調(diào)試工具vue-devtools的安裝全過程
這篇文章主要介紹了vue調(diào)試工具vue-devtools的安裝全過程,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-06-06vue3 element-plus el-tree自定義圖標方式
這篇文章主要介紹了vue3 element-plus el-tree自定義圖標方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03