Visual Studio 2019配置vue項目


一,環境安裝

原文鏈接:https://blog.csdn.net/oopxiajun2011/article/details/104869611

1:Vue項目一切基於Node.js,必須先安裝NodeJS,   下載地址:https://nodejs.org/zh-cn/

安裝nodejs,一路next就行了

Additonal工具可以不用安裝。

win+r  輸入cmd

 

輸入 node -v 和 npm -v  得到版本信息證明裝好了。

2:確認Visual Studio 2019環境:看擴展工具里有沒有勾選NodeJs

二,使用VS2019 創建Vue項目

后期會新增多個vue的項目,所以建議加一個vue名稱 方案管理文件 

 

你要是熟悉typescript 可以選 第一二個

項目名字可以默認

項目目錄結構大致如下圖

 

右鍵項目名:選擇“在此處打開命令提示符”

運行npm的指令 npm install -g(這個指令會把你項目缺失的組件包全部補全)。

然后結束后再運行指令npm run serve(這是開發環境調試用的指令,能夠在修改頁面后自動刷新同步網頁)

瀏覽器地址 輸入 http://localhost:8081/  可訪問到 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM