Visual Studio 2019配置vue項(xiàng)目的圖文教程詳解
一,環(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)文章希望大家以后多多支持腳本之家!
相關(guān)文章
WinForm中實(shí)現(xiàn)picturebox自適應(yīng)圖片大小的方法
這篇文章主要介紹了WinForm中實(shí)現(xiàn)picturebox自適應(yīng)圖片大小的方法,涉及pictureBox控件相關(guān)屬性設(shè)置技巧,需要的朋友可以參考下2017-05-05C#中使用基數(shù)排序算法對字符串進(jìn)行排序的示例
Radix Sort基數(shù)排序是非比較型的排序算法,其時間復(fù)雜度是O(k·n),n為元素個數(shù),為數(shù)字位數(shù),這里我們就來看一下C#中使用基數(shù)排序算法堆字符串進(jìn)行排序的示例2016-06-06C#由當(dāng)前日期計(jì)算相應(yīng)的周一和周日的實(shí)例代碼
這篇文章介紹了C#由當(dāng)前日期計(jì)算相應(yīng)的周一和周日的實(shí)例代碼,有需要的朋友可以參考一下2013-09-09