Vscode快捷键及用Vscode调试前端项目

在VSCODE中安装debugger

你好! 这是你第一次使用 **Markdown编辑器** 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。

配置launch.json文件

在这里插入图片描述

Vscode打开前端项目

  1. 把前端项目运行起来,如npm run start
  2. 开启本地调试功能
    在这里插入图片描述
  3. 点击调试后会直接打开浏览器
  4. 在本地项目中需要调试的js文件中用console.log(‘打印出日志信息’)
  5. 浏览器中按F12打开开发者工具,打开console tab页找到 打印的日志信息
    在这里插入图片描述
  6. 打开浏览器中的js文件
    在这里插入图片描述
  7. 查看Vscode中源文件中的js断点
    在这里插入图片描述
    断点变成了黄色的箭头,即该js文件已经进入调试

Vscode快捷键

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客
应支付0元
点击重新获取
扫码支付

支付成功即可阅读