如何使用yarn創(chuàng)建vite項目+vue3
更新時間：2024年03月13日 10:25:41 作者：代碼の搬運工
這篇文章主要介紹了如何使用yarn創(chuàng)建vite項目+vue3,詳細(xì)介紹了使用vite創(chuàng)建vue3過程,本文給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧
vite+vue3
使用vite創(chuàng)建vue3過程
1.yarn create vite
2.選擇使用的是vue或者是react
3.選擇使用語言
4.回車，完成
可能遇到的問題
yarn create vite 報錯
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)語法不正確。
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盤，node環(huán)境在D盤
yarn global dir查看yarn安裝路徑
- 需要把yarn 的全局路徑修改到相對應(yīng)的盤，打開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項目+vue3的文章就介紹到這了,更多相關(guān)yarn創(chuàng)建vite項目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了vue在外部方法給下拉框賦值后不顯示label的解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了Vue3中keep-alive的使用及注意事項說明,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-04-04
本文將圍繞Vue項目國際化,借助官方提供的Vue I18n插件,介紹,講解安裝配置、多語言切換、復(fù)雜場景應(yīng)用及優(yōu)化等,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解下2025-09-09
這篇文章主要為大家詳細(xì)介紹了Vue+Flask實現(xiàn)圖片傳輸功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
vue+echarts實現(xiàn)進(jìn)度條式柱狀圖
這篇文章主要為大家詳細(xì)介紹了vue+echarts實現(xiàn)進(jìn)度條式柱狀圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
vant如何實現(xiàn)Collapse折疊面板標(biāo)題自定義
這篇文章主要介紹了vant如何實現(xiàn)Collapse折疊面板標(biāo)題自定義，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
vue實例成員?插值表達(dá)式?過濾器基礎(chǔ)教程示例詳解
這篇文章主要為大家介紹了vue實例成員?插值表達(dá)式?過濾器基礎(chǔ)教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步早日升職加薪2022-04-04
Vue調(diào)試工具vue-devtools的安裝與使用
vue-devtools是專門調(diào)試vue項目的調(diào)試工具,安裝成功之后,右邊會出現(xiàn)一個vue,就可以在線可以調(diào)試vue了,下面這篇文章主要給大家介紹了關(guān)于Vue調(diào)試工具vue-devtools的安裝與使用的相關(guān)資料,需要的朋友可以參考下2022-07-07
這篇文章主要介紹了vue2.0 datepicker的使用方法，非常不錯，具有參考借鑒借鑒價值，需要的朋友參考下2018-02-02
在Vue3 + Electron項目中圖片縮放后無法拖動的問題分析與解決
這篇文章主要介紹了在Vue3+Electron項目中,試卷查看彈窗的圖片放大后無法拖動查看不同區(qū)域的問題,通過檢查縮放功能、拖動事件、事件綁定、全局事件監(jiān)聽器、PointerEvents、CSS屬性、邊界計算等多個階段,最終解決了問題,需要的朋友可以參考下2025-11-11