您当前的位置: 首页 >  vscode

杨林伟

暂无认证

  • 2浏览

    0关注

    3337博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

Vue系列教程(04)- VsCode断点调试(Debugger for Chrome)

杨林伟 发布时间:2021-06-15 18:04:33 ,浏览量:2

文章目录
  • 1. 引言
  • 2. 断点调试

1. 引言

在前面的章节,已经讲解了Vue的环境搭建以及VsCode的安装使用,有兴趣的同学可以参阅下:

  • 《Vue系列教程(01)- 前端发展史》
  • 《Vue系列教程(02)- Vue环境搭建、项目创建及运行》
  • 《Vue系列教程(03)- Vue开发利器VsCode》

本文主要讲解Vue项目在VsCode下的断点调试。

2. 断点调试

1.首先下载Debugger for Chrome,按下图依次操作 在这里插入图片描述 2.创建launch.js,按下图依次点击操作: 在这里插入图片描述 在项目,可以看到生成launch.js文件,其内容如下: 在这里插入图片描述 3.在package.json启动项目: 在这里插入图片描述 4.启动成功后,打断点调试: 在这里插入图片描述 其它的细节大家实战中学习,本文到此结束!

关注
打赏
1662376985
查看更多评论
立即登录/注册

微信扫码登录

0.0579s