VS2019 如何創建一個Vue項目


   以前項目開發前端框架基本都用layui,搞開發的的也要與時俱進,Vue就目前來說較之layui更流行,所以就想着以后開發將layui框架換成Vue,所以先打算通過VS2019創建一個vue項目:

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

   安裝后檢測是否安裝成功:

 

 第二步:檢測VS是否安裝了Node.Js組件:

 

 第三步:新建一個Vue項目:

 

 第四步:重新編譯一邊項目:

 問題來了,報了這個錯:

 

我在網上查了一下:網上提供的方法,大概都是:找到項目解決方案---->右擊,然后選擇在此處打開命令-->npm i --->npm run serve 或者  找到項目解決方案---->右擊,然后選擇在此處打開命令 --->找到項目解決方案---->右擊,然后選擇在此處打開命令 --->npm install -g  --->npm run serve   

我都試了都不行:並且報了缺少文件錯誤:

 

 最后找了很久,把問題解決了,兩種方式:

1,找到項目解決方案---->右擊,然后選擇在此處打開命令-->yarn add @vue/babel-preset-app --save-dev

2,找到項目解決方案---->右擊,然后選擇在此處打開命令-->yarn install

 

 

 

 重新編譯一下,就OK了

 

 然后就是直接運行項目就行了:

 


免責聲明!

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



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