安裝vue環境

  1. 首先安裝node.js
  • cmd模式
  1. 安裝淘寶鏡像加速器 : npm install cnpm -g

  2. 安裝vue-cli : cnpm install vue-cli -g

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-8kbzIJih-1594008543194)(Vue前端(B站狂神說java)].assets/image-20200706110008471.png)

  • 這個地方不一樣 重啓電腦即可

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-T4PjcKAh-1594008543205)(Vue前端(B站狂神說java)].assets/image-20200706112521101.png)

  1. vue init webpack myvue

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-hy3kIsmW-1594008543216)(Vue前端(B站狂神說java)].assets/image-20200706114520945.png)

5. [外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-mqZIHpj3-1594008543225)(Vue前端(B站狂神說java)].assets/image-20200706115023340.png)
6. 進入myvue目錄運行 : num install
7. [外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-PNVhP3aJ-1594008543227)(Vue前端(B站狂神說java)].assets/image-20200706115155030.png)
8. 出現問題按照提示解決即可
9. [外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-IJ5JwNKJ-1594008543228)(Vue前端(B站狂神說java)].assets/image-20200706120444947.png)
10. [外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-LSq3zknE-1594008543230)(Vue前端(B站狂神說java)].assets/image-20200706120429562.png)
11. 安裝結束
12. npm run dev 運行
13. [外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-BiU6any8-1594008543233)(Vue前端(B站狂神說java)].assets/image-20200706120609634.png)

  • 已經運行了

  • 輸入網址localhost:8080即可訪問頁面

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-Tulr8wJa-1594008543236)(Vue前端(B站狂神說java)].assets/image-20200706120701728.png)

  • ctrl+c 結束運行

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-NZOzlzbc-1594008543238)(Vue前端(B站狂神說java)].assets/image-20200706120749411.png)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章