溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
一，環(huán)境安裝
1：Vue項(xiàng)目一切基于Node.js，必須先安裝NodeJS， 下載地址：https://nodejs.org/zh-cn/
安裝nodejs,一路next就行了
Additonal工具可以不用安裝。
win+r 輸入cmd
輸入 node -v 和 npm -v 得到版本信息證明裝好了。
2：確認(rèn)Visual Studio 2019環(huán)境：看擴(kuò)展工具里有沒有勾選NodeJs
二，使用VS2019 創(chuàng)建Vue項(xiàng)目
后期會新增多個vue的項(xiàng)目，所以建議加一個vue名稱 方案管理文件
你要是熟悉typescript 可以選 第一二個
項(xiàng)目名字可以默認(rèn)
項(xiàng)目目錄結(jié)構(gòu)大致如下圖
右鍵項(xiàng)目名：選擇“在此處打開命令提示符”
運(yùn)行npm的指令 npm install -g（這個指令會把你項(xiàng)目缺失的組件包全部補(bǔ)全）。
然后結(jié)束后再運(yùn)行指令npm run serve(這是開發(fā)環(huán)境調(diào)試用的指令，能夠在修改頁面后自動刷新同步網(wǎng)頁)
瀏覽器地址 輸入 http://localhost:8081/ 可訪問到
總結(jié)
到此這篇關(guān)于Visual Studio 2019配置vue項(xiàng)目的圖文教程詳解的文章就介紹到這了,更多相關(guān)Visual Studio 2019配置vue項(xiàng)目內(nèi)容請搜索億速云以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持億速云！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼
