<h1>
<img alt="vscode-js-debug" src="https://github.com/Microsoft/vscode-pwa/raw/HEAD/resources/readme/logo-with-text.png" width="500">
</h1>
This is a [DAP](https://microsoft.github.io/debug-adapter-protocol/)-based JavaScript debugger. It debugs Node.js, Chrome, Edge, WebView2, VS Code extensions, and more. It has been the default JavaScript debugger in Visual Studio Code since 1.46, and is gradually rolling out in Visual Studio proper.
### Nightly Extension
The shipped version of VS Code includes the js-debug version at the time of its release, however you may want to install our nightly build to get the latest fixes and features. The nightly build runs at 5PM PST on each day that there are changes ([see pipeline](https://dev.azure.com/vscode/VS%20Code%20debug%20adapters/_build?definitionId=28)). To get the build:
1. Open the extensions view (ctrl+shift+x) and search for `@builtin @id:ms-vscode.js-debug`
2. Right click on the `JavaScript Debugger` extension and `Disable` it.
3. Search for `@id:ms-vscode.js-debug-nightly` in the extensions view.
4. Install that extension.
## What's new?
In `js-debug` we aim to provide rich debugging for modern applications, with no or minimal configuration required. Here are a few new features that js-debug brings:
### Debug child process and workers
In Node.js, child processes will automatically be debugged. In browsers, service workers, webworkers, and iframes will be debugged as well.
<img src="https://github.com/Microsoft/vscode-pwa/raw/HEAD/resources/readme/web-worker.png" width="302">
While debugging workers, you can also step through `postMessage()` calls.
### Debug Node.js processes in the terminal
You can debug any Node.js process you run in the terminal with our revamped Auto Attach. If auto attach isn't on, you can run the command `Debug: Toggle Auto Attach` to turn it on. Next time you run a command like `npm start`, we'll debug it.
<img src="https://github.com/Microsoft/vscode-pwa/raw/HEAD/resources/readme/auto-attach.png" width="554">
Once enabled, you can toggle Auto Attach by clicking the `Auto Attach: On/Off` button in the status bar on the bottom of your screen.
You can also create a one-off terminal for debugging via the `Debug: Create JavaScript Debug Terminal` command.
In the previous debugger, you had to remember to add the `--inspect` flag when you ran a command, and couldn't hit breakpoints early in the program since attachment was asynchronous.
### Profiling Support
You can capture and view performance profiles natively in VS Code, by clicking on the ⚪ button in the Call Stack view, or through the `Debug: Take Performance Profile` command. The profile information collected through VS Code is sourcemap-aware.
<img src="https://github.com/Microsoft/vscode-pwa/raw/HEAD/resources/readme/flame-chart.png" width="845">
### Easy npm script debugging
You can debug npm scripts by clicking the code lens shown in the package.json, or by running the `Debug: Debug NPM Script` command/
<img src="https://github.com/Microsoft/vscode-pwa/raw/HEAD/resources/readme/npm-code-lens.png" width="306">
You can configure where and if the code lens is displayed in the `debug.javascript.codelens.npmScripts` setting.
### Automatic browser debugging
By default, any links you click through the JavaScript debug terminal (`Debug: Create JavaScript Debug Terminal` command) will open in debug mode. If you'd like, you can enable this for all terminals, or disable it, by setting `debug.javascript.debugByLinkOptions` to `always` or `off`, respectively.
<img src="https://github.com/Microsoft/vscode-pwa/raw/HEAD/resources/readme/link-debugging.gif">
### Instrumentation breakpoints
When debugging web apps, you can configure instrumentation breakpoints from VS Code in the "Event Listener Breakpoints" view.
<img src="https://github.com/Microsoft/vscode-pwa/raw/HEAD/resources/readme/instrumentation-breakpoints.png" width="367">
<img src="https://github.com/Microsoft/vscode-pwa/raw/HEAD/resources/readme/instrumentation-breakpoints2.png" width="602">
### Better autocompletion in debug console
Autocomplete in the debug console has been significantly improved. You can expect better suggestions for more complex expressions than VS Code was able to handle before.
<img src="https://github.com/Microsoft/vscode-pwa/raw/HEAD/resources/readme/repl-improvements.png" width="507">
### Return value interception
On a function's return statement, you can use, inspect, and modify the `$returnValue`.
<img src="https://github.com/Microsoft/vscode-pwa/raw/HEAD/resources/readme/returnvalue.png">
Note that you can use and modify properties on the `$returnValue`, but not assign it to--it is effectively a `const` variable.
### Top-Level `await`
You can use `await` at the top level in the debug console.
<img src="https://github.com/Microsoft/vscode-pwa/raw/HEAD/resources/readme/top-level-await.png" width="861">
However, like the Chrome devtools, if you use `await` while paused on a breakpoint, you'll only get a pending `Promise` back. This is because the JavaScript event loop is paused while on a breakpoint.
### Pretty-print minified sources
The debugger can now pretty print files, especially useful when dealing with minified sources. It will show a prompt when you step into or open a file that looks minified, and you can also trigger pretty printing manually via the `Debug: Pretty print for debugging` command.
[Click to view gif](https://code.visualstudio.com/assets/updates/1_43/js-debug-pretty-printing.gif)
You can turn off the suggestion prompt by selecting Never, or changing the setting debug.javascript.suggestPrettyPrinting to false.
### Support for Microsoft Edge and WebView2
We support launching the [new Microsoft Edge browser](https://www.microsoft.com/edge), via the `pwa-msedge` debug type. It supports all the same configuration settings as `chrome` does.
<img src="https://github.com/Microsoft/vscode-pwa/raw/HEAD/resources/readme/webview2.png" width="584">
With this comes support for the [WebView2](https://docs.microsoft.com/microsoft-edge/hosting/webview2) control in desktop Windows applications. Check out our [webview demo](https://github.com/microsoft/vscode-js-debug/tree/main/demos/webview) to learn how to set this up.
### Better sourcemap and breakpoint behavior
Js-debug has a rewritten suite of sourcemap handling and breakpoint resolution logic. This results in more reliable breakpoint behavior in more cases. For example:
- We are guaranteed to set breakpoints before hitting them, where there were previously scenarios where this did not happen.
- We can handle sources present in multiple compiled files. This is common when dealing with split bundles in web apps.
- We now support in-place transpilation (such as `ts-node` and `@babel/register`).
### Copy values in call stack view
VS Code has long had an action to "Copy Value" from the Variables view. However, previously this was truncated for object or long values. Changes in VS Code and js-debug allow us to losslessly copy the full expressions as JSON.
### Other small things
js-debug is a cleanroom rewrite of a JavaScript debugger, so there are a large number of small improvements. Here are some more that are unworthy of their own heading:
- Console output is now improved. Promises, ArrayViews/ArrayBuffers, and other complex data structures are better supported.
- Logpoint breakpoints now support complex expressions and statements. Errors thrown will be printed, rather than silently eaten.
- You can now specify partial versions in the Node.js `runtimeVersion`. Previously you needed to specify the full version, such as `12.3.4`. Now, you can specify `12` and we'll use the most recent `12.*` installed on the system.
- Sourcemaps are now supported when attaching via the `Attach to Node.js Process` command.
- Several improvements have been made for faster performance and better out-of-the-box behavior in monorepos and multi-part application
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
基于PythonFlaskVUE教资题库系统 框架 vue + flask + python + mysql + 随机选题算法 项目路径不要有特殊字符!》。 姓名电话生成 https://www.meiguodizhi.com/cn-address 前台 http://localhost:8080/login/ 后台 http://localhost:8080/login/ 管理员用户密码 admin 123456 教师用户密码 ttt 123456 学生用户密码 qqq 123456 模块介绍 管理员用户(后台) 登录模块 首页模块 公告管理 学生管理 教师管理 题库管理 测试管理 退出管理 教师用户(后台) 登录模块 学生管理 题库管理 子模块真题管理 子模块单选题 子模块简答题 子模块作文题 测试管理 退出管理 学生用户(VUE) 登录注册模块 公告预览 交流分享 题库预览 测试题库 测试记录 退出系统 数据库设计TeachingResourceQuestionSystem Admin(管理员表)
资源推荐
资源详情
资源评论
收起资源包目录
基于PythonFlaskVUE教资题库系统
框架 vue + flask + python + mysql + 随机选题算法
(1044个子文件)
VSCode.adml 2KB
VSCode.adml 1KB
VSCode.adml 1KB
VSCode.adml 1KB
VSCode.adml 1KB
VSCode.adml 1KB
VSCode.adml 1KB
VSCode.adml 1KB
VSCode.adml 1KB
VSCode.adml 1KB
VSCode.adml 1KB
VSCode.adml 1KB
VSCode.adml 1KB
VSCode.adml 1KB
VSCode.admx 1KB
node_modules.asar 11.71MB
v8_context_snapshot.bin 565KB
snapshot_blob.bin 253KB
code.cmd 167B
code 2KB
php.code-snippets 7KB
typescript.code-snippets 5KB
groovy.code-snippets 4KB
javascript.code-snippets 3KB
markdown.code-snippets 2KB
swift.code-snippets 2KB
vb.code-snippets 1KB
html.code-snippets 218B
c.code-snippets 204B
cpp.code-snippets 204B
fsharp.code-snippets 194B
batchfile.code-snippets 191B
java.code-snippets 191B
csharp.code-snippets 190B
coffeescript.code-snippets 187B
workbench.desktop.main.css 611KB
codicon.css 100KB
katex.min.css 23KB
auth.css 22KB
auth.css 22KB
processExplorerMain.css 17KB
issueReporterMain.css 10KB
markdown.css 5KB
highlight.css 3KB
diagnosticTool.css 2KB
imagePreview.css 2KB
main.css 2KB
audioPreview.css 1KB
videoPreview.css 1KB
codicon-modifiers.css 490B
markdown.css 462B
index.css 416B
codicon.css 401B
icudtl.dat 10.06MB
libGLESv2.dll 7.09MB
vk_swiftshader.dll 5.03MB
d3dcompiler_47.dll 4.7MB
ffmpeg.dll 2.39MB
vulkan-1.dll 930KB
libEGL.dll 489KB
winpty.dll 245KB
vcruntime140.dll 92KB
.eslintignore 8B
Code.exe 147.53MB
code-tunnel.exe 18.12MB
vsce-sign.exe 9.39MB
rg.exe 4.46MB
inno_updater.exe 472KB
winpty-agent.exe 296KB
shellIntegration.fish 6KB
link-debugging.gif 269KB
LICENSES.chromium.html 7.86MB
index.html 37KB
index-no-csp.html 37KB
webWorkerExtensionHostIframe.html 4KB
workbench.html 1KB
index.html 971B
index.html 967B
issueReporter.html 631B
processExplorer.html 611B
fake.html 188B
react.ico 152KB
bower.ico 151KB
java.ico 150KB
sass.ico 150KB
xml.ico 149KB
config.ico 149KB
php.ico 149KB
csharp.ico 149KB
jade.ico 149KB
vue.ico 149KB
html.ico 149KB
less.ico 149KB
go.ico 149KB
cpp.ico 149KB
javascript.ico 149KB
json.ico 149KB
typescript.ico 148KB
python.ico 148KB
c.ico 148KB
共 1044 条
- 1
- 2
- 3
- 4
- 5
- 6
- 11
资源评论
xxcxyxxdxxcxyxxd
- 粉丝: 2
- 资源: 142
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 【Vite4+Vue3】TypeScript移动端模板2024,极速开发体验,Vant4+Pinia最佳实践
- 【Vite4+Vue3】JavaScript移动端模板2024,零配置极速开发,Vant4+Pinia组合
- 码上抓小说:Python爬虫搞定顶点小说全攻略
- gripper-covers
- python圣诞树代码,有动态3d效果
- comsol 相控阵16阵元聚焦声场仿真 双层结构(水 钢)平界面聚焦频域模型,聚焦点设在第二层介质,坐标(0,10)mm 图1为声压二维分布,图2为深度10mm径向声压分布,图3为钢内中心轴向声压
- 51单片机蓄电池充电保护设计Proteus仿真 功能描述如下:本设计由STC89C52单片机电路+LCD1602液晶显示电路+ACS712电流检测电路+分压电路+PCF8591 AD检测设计+继电器电
- Undertale.apk
- 基于MATLAB的simulink 基于dsp28335的直流电机的驱动模型(配套直流电机) 模型+讲解视频 该模型搭建可直接烧到开发板上,MATLAB版本是2020b,不需要敲写c代码,需要有一定的
- 家庭能源管理matlab 采用matlab编制家庭能源管理程序,包括各种家用电器的调度运行策略,程序通用性好
- Chapter 03 复合数据类型-1(资源)
- 出一个18650圆柱锂电池comsol模型 参数已配置,生热研究
- 白色扁平风格的图片设计资源企业网站源码下载.zip
- 白色扁平风格的温室大棚公司企业网站源码下载.zip
- 白色扁平风格的舞蹈课程学校整站网站源码下载.zip
- 白色扁平风格的夕阳时间轴自然风光模板下载.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功