如何使用yarn創(chuàng)建vite項(xiàng)目+vue3
更新時(shí)間：2024年03月13日 10:25:41 作者：代碼の搬運(yùn)工
這篇文章主要介紹了如何使用yarn創(chuàng)建vite項(xiàng)目+vue3,詳細(xì)介紹了使用vite創(chuàng)建vue3過(guò)程,本文給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧
vite+vue3
使用vite創(chuàng)建vue3過(guò)程
1.yarn create vite
2.選擇使用的是vue或者是react
3.選擇使用語(yǔ)言
4.回車(chē)，完成
可能遇到的問(wèn)題
yarn create vite 報(bào)錯(cuò)
yarn create v1.22.19
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...
success Installed "create-vite@3.1.0" with binaries:
- create-vite
- cva
[##] 2/2文件名、目錄名或卷標(biāo)語(yǔ)法不正確。
error Command failed.
Exit code: 1
Command: D:\nodejs\node_global\bin\create-vite
Arguments:
Directory: D:\Code\Applet\WeChat
Output:
info Visit https://yarnpkg.com/en/docs/cli/create for documentation about this command.yarn 的安裝是在C盤(pán)，node環(huán)境在D盤(pán)
yarn global dir查看yarn安裝路徑
- 需要把yarn 的全局路徑修改到相對(duì)應(yīng)的盤(pán)，打開(kāi)cmd ，輸入以下
yarn config set global-folder "D:\yarn\global"
yarn config set cache-folder "D:\yarn\cache"
再使用
yarn create vite就可以正常創(chuàng)建
- 修改全局bin目錄
yarn global bin查看全局bin目錄
yarn config set prefix "D:\yarn"
到此這篇關(guān)于如何使用yarn創(chuàng)建vite項(xiàng)目+vue3的文章就介紹到這了,更多相關(guān)yarn創(chuàng)建vite項(xiàng)目?jī)?nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了vue在外部方法給下拉框賦值后不顯示label的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
Vue3中keep-alive的使用及注意事項(xiàng)說(shuō)明
這篇文章主要介紹了Vue3中keep-alive的使用及注意事項(xiàng)說(shuō)明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2025-04-04
Vue項(xiàng)目實(shí)現(xiàn)i18n國(guó)際化多語(yǔ)言切換方案實(shí)踐
本文將圍繞Vue項(xiàng)目國(guó)際化,借助官方提供的Vue I18n插件,介紹,講解安裝配置、多語(yǔ)言切換、復(fù)雜場(chǎng)景應(yīng)用及優(yōu)化等,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解下2025-09-09
這篇文章主要為大家詳細(xì)介紹了Vue+Flask實(shí)現(xiàn)圖片傳輸功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
vue+echarts實(shí)現(xiàn)進(jìn)度條式柱狀圖
這篇文章主要為大家詳細(xì)介紹了vue+echarts實(shí)現(xiàn)進(jìn)度條式柱狀圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
vant如何實(shí)現(xiàn)Collapse折疊面板標(biāo)題自定義
這篇文章主要介紹了vant如何實(shí)現(xiàn)Collapse折疊面板標(biāo)題自定義，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
vue實(shí)例成員?插值表達(dá)式?過(guò)濾器基礎(chǔ)教程示例詳解
這篇文章主要為大家介紹了vue實(shí)例成員?插值表達(dá)式?過(guò)濾器基礎(chǔ)教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步早日升職加薪2022-04-04
Vue調(diào)試工具vue-devtools的安裝與使用
vue-devtools是專(zhuān)門(mén)調(diào)試vue項(xiàng)目的調(diào)試工具,安裝成功之后,右邊會(huì)出現(xiàn)一個(gè)vue,就可以在線可以調(diào)試vue了,下面這篇文章主要給大家介紹了關(guān)于Vue調(diào)試工具vue-devtools的安裝與使用的相關(guān)資料,需要的朋友可以參考下2022-07-07
這篇文章主要介紹了vue2.0 datepicker的使用方法，非常不錯(cuò)，具有參考借鑒借鑒價(jià)值，需要的朋友參考下2018-02-02
在Vue3 + Electron項(xiàng)目中圖片縮放后無(wú)法拖動(dòng)的問(wèn)題分析與解決
這篇文章主要介紹了在Vue3+Electron項(xiàng)目中,試卷查看彈窗的圖片放大后無(wú)法拖動(dòng)查看不同區(qū)域的問(wèn)題,通過(guò)檢查縮放功能、拖動(dòng)事件、事件綁定、全局事件監(jiān)聽(tīng)器、PointerEvents、CSS屬性、邊界計(jì)算等多個(gè)階段,最終解決了問(wèn)題,需要的朋友可以參考下2025-11-11