Visual Studio 2019配置vue項目的圖文教程詳解
更新時間：2020年03月16日 17:29:35 作者：夏子曦
這篇文章主要介紹了Visual Studio 2019配置vue項目的教程，本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作，具有一定的參考借鑒價值,需要的朋友可以參考下
一，環(huán)境安裝
1：Vue項目一切基于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項目
后期會新增多個vue的項目，所以建議加一個vue名稱 方案管理文件
你要是熟悉typescript 可以選 第一二個
項目名字可以默認(rèn)
項目目錄結(jié)構(gòu)大致如下圖
右鍵項目名：選擇“在此處打開命令提示符”
運行npm的指令 npm install -g（這個指令會把你項目缺失的組件包全部補(bǔ)全）。
然后結(jié)束后再運行指令npm run serve(這是開發(fā)環(huán)境調(diào)試用的指令，能夠在修改頁面后自動刷新同步網(wǎng)頁)
瀏覽器地址 輸入 http://localhost:8081/ 可訪問到
總結(jié)
到此這篇關(guān)于Visual Studio 2019配置vue項目的圖文教程詳解的文章就介紹到這了,更多相關(guān)Visual Studio 2019配置vue項目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了c# 獲取機(jī)器唯一識別碼的示例，幫助大家更好的理解和學(xué)習(xí)使用c#，感興趣的朋友可以了解下2021-03-03
這篇文章主要介紹了詳解LINQ入門（下篇），文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
這篇文章主要介紹了C#如何處理JSON問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要為大家詳細(xì)介紹了Unity工具類之生成文本驗證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
這篇文章介紹了C#的遞歸算法和排列算法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-05-05
這篇文章主要介紹了c#事件使用方法，下面我們利用一個例子來加深我們對事件的理解,需要的朋友可以參考下2014-04-04
C#中winform實現(xiàn)自動觸發(fā)鼠標(biāo)、鍵盤事件的方法
這篇文章主要介紹了C#中winform實現(xiàn)自動觸發(fā)鼠標(biāo)、鍵盤事件的方法,是C#程序設(shè)計中非常實用的功能,需要的朋友可以參考下2014-08-08
本篇文章主要是對C#中判斷字符串是全角還是半角的實現(xiàn)代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
C#實現(xiàn)TreeView節(jié)點拖拽的方法
這篇文章主要介紹了C#實現(xiàn)TreeView節(jié)點拖拽的方法,涉及C#針對TreeView節(jié)點的動態(tài)添加及移除技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
本文通過實例代碼給大家介紹了基于c#獲取日期的星期名稱，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧2018-08-08