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