首页 > 其他 > 详细

懵B中初撩辽 Vue-cli ??

时间:2020-04-26 20:14:40      阅读:70      评论:0      收藏:0      [点我收藏+]

vue-cli : Vue脚手架

安装:

  1.安装node.js

  2.安装npm,cnpm

  3.安装Vue-cli

  4.安装webpack

命令行创建:在指定文件夹下:vue init webpack demo(项目名)

技术分享图片

 

 

进入创建的项目文件下 :cnpm install

 

ok! 第一个项目创建完成!

用webstorm打开》》

技术分享图片

 

 

 然后你阔以配置一哈webstorm启动文件》》Run >Debug Configurations >

技术分享图片

 

 

 然后启动它!!!

在浏览器里:localhost:8080就阔以看到Vue欢迎页面辽

 

下面很重要!!!!!!!!!!

技术分享图片

 

 

 编写流程2:

技术分享图片

 

 

 编写流程3:

技术分享图片

 

 

 编写流程3:配置路由

技术分享图片

 

 编写流程4:

技术分享图片

 

 编写流程5:

技术分享图片

 

 last编写流程:

技术分享图片

 

 

 以上截图,是小白针对这第一次接触Vue写的一些东西,大概记这一次用到的东西,以及记Vue框架哪里该写啥!!!!!!  

懵B中初撩辽 Vue-cli ??

原文:https://www.cnblogs.com/Vera-y/p/12781543.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!