Vue?3.0?項目創(chuàng)建過程及解決方案
一、前期轉(zhuǎn)杯
- 確保電腦上已安裝 node.js。
可通過命令npm --version進(jìn)行查詢，如果展示了版本號，則說明已安裝，若提示npm 不是有內(nèi)部或外部命令，也不是可運行的程序，則說明未安裝，可進(jìn)入官網(wǎng)下載并進(jìn)行安裝。 - 確保已安裝 Vue CLI。
可通過命令vue --V查看版本號，如果返回了版本號，則說明已安裝，若提示vue 不是有內(nèi)部或外部命令，也不是可運行的程序，則說明未安裝Vue CLI, 可使用命令：npm install -g @vue/cli進(jìn)行安裝。
二、創(chuàng)建 vue 項目
在命令行窗口輸入命令 vue create [web名稱] 后，點擊回車(Enter)鍵。進(jìn)入如下界面
可以使用方向鍵上/下進(jìn)行選項選擇，本文只是是基于 vue3 的項目創(chuàng)建，故此處直接點擊 回車(Enter)鍵，此時將進(jìn)行項目創(chuàng)建。
等待操作完成后，用過 cd 目錄路徑 ，再輸入命令 npm run serve，將出現(xiàn)如下界面，即表示站點已正常運行。
此時在瀏覽器地址欄中輸入 界面上的地址，即可訪問 web。如下圖：
三、過程中可能存在的問題及解決方案
- 證書過期
問題：安裝 Vue CLI 提示證書過期，如下圖
解決方案：因淘寶原鏡像地址 https://registry.npm.taobao.org 已過期，現(xiàn)已變更為 https://registry.npmmirror.com。可使用命令 npm config set registry https://registry.npmmirror.com 進(jìn)行鏡像地址更換。
- 包名無效
問題：創(chuàng)建項目時，提示項目名稱無效，如下圖
解決方案：項目名稱不能包含大寫字母
到此這篇關(guān)于Vue 3.0 項目創(chuàng)建的文章就介紹到這了,更多相關(guān)Vue 3.0 項目創(chuàng)建內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Vue3實現(xiàn)微信支付寶PC端支付的步驟(附實例代碼)
因為公司項目涉及到充值功能所以做了支付寶、微信的支付功能,這篇文章主要介紹了Vue3實現(xiàn)微信支付寶PC端支付的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-09-09
這篇文章主要為大家詳細(xì)介紹了vue日期組件,支持vue1.0和2.0，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
Vue3前端做打印頁面信息實現(xiàn)打印功能(打印界面某個部分)
這篇文章主要介紹了如何使用vue3-print-nb依賴在Vue?3項目中實現(xiàn)頁面打印功能,提供了完整的代碼示例,大家可以根據(jù)項目需求選擇合適的打印方法,需要的朋友可以參考下2025-02-02
基于vue-cli配置lib-flexible + rem實現(xiàn)移動端自適應(yīng)
這篇文章主要介紹了基于vue-cli配置lib-flexible + rem實現(xiàn)移動端自適應(yīng),需要的朋友可以參考下2017-12-12
這篇文章主要介紹了Vue3中依賴注入provide、inject的使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了基于VUE實現(xiàn)的九宮格抽獎功能，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2018-09-09
今天小編就為大家分享一篇關(guān)于Vue核心概念A(yù)ction的總結(jié)，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
vue-cli 環(huán)境變量 process.env的使用及說明
這篇文章主要介紹了vue-cli 環(huán)境變量 process.env的使用及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
vuejs2.0運用原生js實現(xiàn)簡單拖拽元素功能
這篇文章主要為大家詳細(xì)介紹了vuejs2.0運用原生js實現(xiàn)簡單拖拽元素功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
elementui?el-upload一次請求上傳多個文件的實現(xiàn)
使用ElementUI?Upload的時候發(fā)現(xiàn)如果是默認(rèn)方案,上傳多張圖片并不是真正的一次上傳多張,本文就來介紹一下elementui?el-upload一次請求上傳多個文件的實現(xiàn),具有一定的參考價值,感興趣的可以了解一下2023-10-10