vsCode安裝配置創(chuàng)建Vue3項(xiàng)目全過程
vsCode安裝配置創(chuàng)建Vue3項(xiàng)目
1.安裝vsCode
直接去官網(wǎng)下載安裝一直下一步就好，這個(gè)就不多說了。
安裝完成vsCode后在擴(kuò)展中搜索"Chinese"安裝中文語言包
2.安裝Node.js
官網(wǎng)地址：Node.js (nodejs.org)
點(diǎn)擊下載
下載完成后點(diǎn)擊Next下一步。
勾選這個(gè)選項(xiàng)等待安裝完成就可以了
3.查看Node.js是否安裝成功
打開CMD分別輸入'node -v'和'npm -v'。出現(xiàn)版本號則安裝成功
4.安裝腳手架
由于國內(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)目
打開vsCode，點(diǎn)擊上方的終端-新建終端。再終端中輸入cd “項(xiàng)目目錄”。跳轉(zhuǎn)到你需要的目錄下
再輸入'vue create 項(xiàng)目名稱'（禁止出現(xiàn)大寫字符?。?。之后選擇對應(yīng)的vue版本。建議選vue 3選擇完畢后直接回車等待創(chuàng)建完成
創(chuàng)建完成后輸入'npm run serve'啟動項(xiàng)目。默認(rèn)端口為8080
打開瀏覽器輸入http://localhost:8080/便可看到新建的vue3項(xiàng)目了
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Luckysheet?在vue中離線使用及引入報(bào)錯(cuò)的解決方案(推薦)
這篇文章主要介紹了Luckysheet?在vue中離線使用方法及引入報(bào)錯(cuò)的解決方案,將dist離線包在項(xiàng)目創(chuàng)建個(gè)文件夾放著，然后根據(jù)放置的位置在?index.html里面引入，下面通過案例給大家介紹我的項(xiàng)目里面放置的位置，需要的朋友可以參考下2022-10-10
Vue.js通用應(yīng)用框架-Nuxt.js的上手教程
本篇文章主要介紹了Vue.js通用應(yīng)用框架-Nuxt.js的上手教程，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12
這篇文章主要介紹了vue如何獲取配置代理文件中的api地址值，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
vue在antDesign框架或elementUI框架組件native事件中觸發(fā)2次問題
這篇文章主要介紹了vue在antDesign框架或elementUI框架組件native事件中觸發(fā)2次問題，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
echarts是我們后臺系統(tǒng)中最常用的數(shù)據(jù)統(tǒng)計(jì)圖形展示,外界對它的二次封裝也不計(jì)層數(shù),這篇文章主要介紹了vue3.x對echarts的二次封裝之按需加載,需要的朋友可以參考下2023-09-09
本篇文章主要介紹了vuex中使用對象展開運(yùn)算符的示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
vue3實(shí)現(xiàn)自定義導(dǎo)航菜單的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何使用vue3實(shí)現(xiàn)自定義導(dǎo)航菜單,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-11-11
這篇文章主要介紹了vue數(shù)組去重的12種方法示例全面詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
這篇文章主要為大家詳細(xì)介紹了Vue使用百度地圖實(shí)現(xiàn)城市定位，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
Vue2.0 axios前后端登陸攔截器(實(shí)例講解)
下面小編就為大家?guī)硪黄猇ue2.0 axios前后端登陸攔截器(實(shí)例講解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10