安装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)

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