以前項目開發前端框架基本都用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了
然后就是直接運行項目就行了: