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后在擴(kuò)展中搜索"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)大寫字符?。?。之后選擇對應(yīng)的vue版本。建議選vue 3選擇完畢后直接回車等待創(chuàng)建完成
創(chuàng)建完成后輸入'npm run serve'啟動項目。默認(rèn)端口為8080
打開瀏覽器輸入http://localhost:8080/便可看到新建的vue3項目了
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue如何實時往數(shù)組里追加數(shù)據(jù)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
vue element-ui實現(xiàn)動態(tài)面包屑導(dǎo)航
這篇文章主要為大家詳細(xì)介紹了vue element-ui實現(xiàn)動態(tài)面包屑導(dǎo)航，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
vue3導(dǎo)入excel并解析excel數(shù)據(jù)渲染到表格中(純前端實現(xiàn))
在Vue中實現(xiàn)導(dǎo)出Excel有多種方式,可以通過前端實現(xiàn),也可以通過前后端配合實現(xiàn),下面這篇文章主要給大家介紹了關(guān)于vue3導(dǎo)入excel并解析excel數(shù)據(jù)渲染到表格中的相關(guān)資料,文中介紹的方法是純前端實現(xiàn),需要的朋友可以參考下2024-04-04
這篇文章主要介紹了vue中改變滾動條樣式的方法,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
這篇文章主要介紹了Vue中computed及watch區(qū)別實例解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-08-08
這篇文章主要介紹了vue?table表格中如何控制下拉框的顯示隱藏問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要為大家詳細(xì)介紹了基于Vue實現(xiàn)手勢簽名，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
開發(fā)中我們在data返回的對象中定義了數(shù)據(jù)，這個數(shù)據(jù)通過插值語法等方式綁定到template中，這篇文章主要介紹了Vue中的偵聽器watch,需要的朋友可以參考下2022-10-10
今天遇到一個在vue文件中引入本地圖片的問題,于是有了這篇文章,本文主要給大家介紹了關(guān)于前端Vue頁面中展示本地圖片的相關(guān)資料,需要的朋友可以參考下2023-12-12
這篇文章主要介紹了vue實現(xiàn)點擊出現(xiàn)操作彈出框的示例，幫助大家更好的理解和使用vue，感興趣的朋友可以了解下2020-11-11