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