Vue?3.0?項(xiàng)目創(chuàng)建過程及解決方案
一、前期轉(zhuǎn)杯
- 確保電腦上已安裝 node.js。
可通過命令npm --version進(jìn)行查詢，如果展示了版本號(hào)，則說明已安裝，若提示npm 不是有內(nèi)部或外部命令，也不是可運(yùn)行的程序，則說明未安裝，可進(jìn)入官網(wǎng)下載并進(jìn)行安裝。 - 確保已安裝 Vue CLI。
可通過命令vue --V查看版本號(hào)，如果返回了版本號(hào)，則說明已安裝，若提示vue 不是有內(nèi)部或外部命令，也不是可運(yùn)行的程序，則說明未安裝Vue CLI, 可使用命令：npm install -g @vue/cli進(jìn)行安裝。
二、創(chuàng)建 vue 項(xiàng)目
在命令行窗口輸入命令 vue create [web名稱] 后，點(diǎn)擊回車(Enter)鍵。進(jìn)入如下界面
可以使用方向鍵上/下進(jìn)行選項(xiàng)選擇，本文只是是基于 vue3 的項(xiàng)目創(chuàng)建，故此處直接點(diǎn)擊 回車(Enter)鍵，此時(shí)將進(jìn)行項(xiàng)目創(chuàng)建。
等待操作完成后，用過 cd 目錄路徑 ，再輸入命令 npm run serve，將出現(xiàn)如下界面，即表示站點(diǎn)已正常運(yùn)行。
此時(shí)在瀏覽器地址欄中輸入 界面上的地址，即可訪問 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)建項(xiàng)目時(shí)，提示項(xiàng)目名稱無效，如下圖
解決方案：項(xiàng)目名稱不能包含大寫字母
到此這篇關(guān)于Vue 3.0 項(xiàng)目創(chuàng)建的文章就介紹到這了,更多相關(guān)Vue 3.0 項(xiàng)目創(chuàng)建內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了Vuex 進(jìn)階之模塊化組織詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01
這篇文章主要為大家詳細(xì)介紹了Vue3中props傳參方式（多種數(shù)據(jù)類型傳參方式）的相關(guān)知識(shí),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-11-11
vue.js+elementUI實(shí)現(xiàn)點(diǎn)擊左右箭頭切換頭像功能（類似輪播圖效果）
這篇文章主要介紹了vue.js+elementUI實(shí)現(xiàn)點(diǎn)擊左右箭頭切換頭像功能（類似輪播圖），本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09
這篇文章主要介紹了解決Antd輸入框卡頓問題以及Pubsub.js的使用方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
前端項(xiàng)目vue3/React如何使用pako庫(kù)解壓縮后端返回gzip數(shù)據(jù)
pako是一個(gè)流行的JS庫(kù),用于在瀏覽器中進(jìn)行數(shù)據(jù)壓縮和解壓縮操作,它提供了對(duì)常見的壓縮算法的實(shí)現(xiàn),使開發(fā)者能夠在客戶端上輕松進(jìn)行數(shù)據(jù)壓縮和解壓縮,這篇文章主要介紹了前端項(xiàng)目vue3/React使用pako庫(kù)解壓縮后端返回gzip數(shù)據(jù),需要的朋友可以參考下2024-07-07
本文通過實(shí)例代碼給大家介紹了Vue中util的工具函數(shù)，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-07-07
vue3+vite+axios?配置連接后端調(diào)用接口的實(shí)現(xiàn)方法
這篇文章主要介紹了vue3+vite+axios?配置連接后端調(diào)用接口的實(shí)現(xiàn)方法，在vite.config.ts文件中添加配置，本文通過實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12
一步步教你利用webpack如何搭一個(gè)vue腳手架（超詳細(xì)講解和注釋）
這篇文章主要給大家介紹了軟玉利用webpack如何搭一個(gè)vue腳手架的相關(guān)資料，文中有超詳細(xì)講解和注釋，對(duì)大家學(xué)習(xí)或者使用webpack具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-01-01
解決vue router使用 history 模式刷新后404問題
這篇文章主要介紹了解決vue router使用 history 模式刷新后404問題,需要的朋友可以參考下2017-07-07
本篇文章主要介紹了vue父子組件的嵌套的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09