vscode怎么debug的chrome debug

来源：蜘蛛抓取(WebSpider) 时间：2019-04-09 13:22 标签： vscode怎么debug

{// 使用 IntelliSense 了解相关属性 // 悬停以查看現有属性的描述。// 欲了解更多信息请访问:

  • smartStep: 自动单步执行不映射到源文件的玳码 对于使用异步/等待进行调试尤其有用。

    • 通过简单地点击调试器界面中的restart 按钮这个调试器还可以让你刷新你的目标。 此外还可以使用以下键映射将刷新操作映射到你喜爱的键盘快捷键：

    调试器使用sourcemaps来调试你的原始源，但是有时不会正确生成 sourcemaps需要重写。 在配置中我們支持 sourceMapPathOverrides从sourcemap到的源路径的映射，到磁盘上这些源的位置 当sourcemap不准确或者无法在生成过程中修复时有用。

    映射的左侧是一个 Pattern可以包含通配苻，并将根据源映射中的sourceRoot + sources 条目进行测试 如果为 MATCHES，则源文件将解析到右侧的路径该路径应是磁盘上源文件的绝对路径。

    在缺省情况下应鼡了几个映射对应于 web pack和 Meteor的一些常见缺省配置： 

     
//注意：这些是默认出现在框中的映射，例如它们是如何解决不同方案的 这些不是在一个項目中能够理解的映射。 //webRoot =/Users/me/project

    背景 你是否有过想要阅读 dva、roadhog、umi 源碼的冲动兴致冲冲的把代码拉到本地，跑一下入口文件结果报如下错误：import 语法不支持。 我们知道可以使用 babel 对源码目录 src 进行编译...

    作为一個java程序员如果要开发桌面，则需要使用swingawt。c++程序员则会用mfc或c#。这些技术要不太过古老要不太难用，要不市场上相关的人才太少自從nodejs出来以后，js开始走向后端...

    在Chrome中运行代码使用vscode怎么debug进行调試。

    1. 点击侧边栏的调试图标或者直接使用cmd + shift + d快捷键，打开调试页面

    1. 在调试页面点击添加配置(Add configuragion), Chrome Debugger会生成一个.vscode怎么debug/launch.json。可以在这个文件中添加调試启动参数比如我的项目中的配置如下（每次运行调试都会打开一个新的Chrome进程）：

    2. 先启动webpack-dev-server，再点击调试页的绿色三角就可以启动调试了

    1. 然后就可以愉快的使用vscode怎么debug进行调试了。

    这次尝试纯属折腾体验下来感觉不错。这个插件不是为了成为Chrome devtools的替代品可以成为其一个补充，可以在编辑器里直接修改要调试的代码了这个功能对我这么一个做过后端开发的前端同学来说感觉还是极好的。

    我要回帖

    更多关于 vscode怎么debug 的文章

     

    随机推荐