vsCode安裝配置創(chuàng)建Vue3項(xiàng)目全過(guò)程
vsCode安裝配置創(chuàng)建Vue3項(xiàng)目
1.安裝vsCode
直接去官網(wǎng)下載安裝一直下一步就好，這個(gè)就不多說(shuō)了。
安裝完成vsCode后在擴(kuò)展中搜索"Chinese"安裝中文語(yǔ)言包
2.安裝Node.js
官網(wǎng)地址：Node.js (nodejs.org)
點(diǎn)擊下載
下載完成后點(diǎn)擊Next下一步。
勾選這個(gè)選項(xiàng)等待安裝完成就可以了
3.查看Node.js是否安裝成功
打開(kāi)CMD分別輸入'node -v'和'npm -v'。出現(xiàn)版本號(hào)則安裝成功
4.安裝腳手架
由于國(guó)內(nèi)速度太慢很可能下載超時(shí)，所以我們需要先安裝淘寶鏡像。
npm config set registry=http://registry.npm.taobao.org
安裝完成淘寶鏡像后再輸入‘npm install -g @vue/cli’安裝腳手架
npm install -g @vue/cli
都安裝完成后輸入'vue -v'，看到這個(gè)就是已經(jīng)安裝成功了
5.創(chuàng)建vue項(xiàng)目
打開(kāi)vsCode，點(diǎn)擊上方的終端-新建終端。再終端中輸入cd “項(xiàng)目目錄”。跳轉(zhuǎn)到你需要的目錄下
再輸入'vue create 項(xiàng)目名稱(chēng)'（禁止出現(xiàn)大寫(xiě)字符?。?。之后選擇對(duì)應(yīng)的vue版本。建議選vue 3選擇完畢后直接回車(chē)等待創(chuàng)建完成
創(chuàng)建完成后輸入'npm run serve'啟動(dòng)項(xiàng)目。默認(rèn)端口為8080
打開(kāi)瀏覽器輸入http://localhost:8080/便可看到新建的vue3項(xiàng)目了
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
uniApp前端實(shí)現(xiàn)文字識(shí)別并提取詳細(xì)分析
這篇文章主要介紹了如何實(shí)現(xiàn)文字圖片分析的功能,包括頁(yè)面結(jié)構(gòu)、樣式和腳本邏輯,主要步驟包括獲取access_token、將圖片轉(zhuǎn)換為Base64格式、上傳至百度文字識(shí)別接口并處理返回結(jié)果,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-02-02
這篇文章主要為大家詳細(xì)介紹了如何使用Vue實(shí)現(xiàn)瀑布流,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-02-02
這篇文章主要介紹了談?wù)勎以趘ue-cli3中用預(yù)渲染遇到的坑，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
vue-cli+axios實(shí)現(xiàn)文件上傳下載功能(下載接收后臺(tái)返回文件流)
這篇文章主要介紹了vue-cli+axios實(shí)現(xiàn)文件上傳下載功能(下載接收后臺(tái)返回文件流),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-05-05
解決Vue路由導(dǎo)航報(bào)錯(cuò):NavigationDuplicated:?Avoided?redundant?navig
這篇文章主要給大家介紹了關(guān)于解決Vue路由導(dǎo)航報(bào)錯(cuò):NavigationDuplicated:?Avoided?redundant?navigation?to?current?location的相關(guān)資料,這是最近做項(xiàng)目時(shí)候遇到的一個(gè)問(wèn)題,現(xiàn)將解決辦法分享出來(lái),需要的朋友可以參考下2023-01-01
這篇文章主要介紹了Vue自動(dòng)化注冊(cè)全局組件腳本，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-03-03
使用Vue3優(yōu)雅地實(shí)現(xiàn)表格拖動(dòng)排序
在?Vue.js?中主要通過(guò)第三方庫(kù)實(shí)現(xiàn)表格拖動(dòng)排序功能,其中最常用的庫(kù)是?SortableJS,下面我們就來(lái)看看如何使用SortableJS實(shí)現(xiàn)表格拖動(dòng)排序吧2025-01-01
雙向數(shù)據(jù)綁定原理主要運(yùn)用了發(fā)布訂閱模式來(lái)實(shí)現(xiàn)的，通過(guò)Object.defineProperty對(duì)數(shù)據(jù)劫持，觸發(fā)getter，setter方法，這篇文章主要介紹了vue2.x雙向數(shù)據(jù)綁定原理,需要的朋友可以參考下2023-02-02
vue+elementUl導(dǎo)入文件方式(判斷文件格式)
這篇文章主要介紹了vue+elementUl導(dǎo)入文件方式(判斷文件格式)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
vue click.stop阻止點(diǎn)擊事件繼續(xù)傳播的方法
今天小編就為大家分享一篇vue click.stop阻止點(diǎn)擊事件繼續(xù)傳播的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09