<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
vscode配置c/c++环境
需积分: 0 3 浏览量
更新于2024-06-27
收藏 140MB ZIP 举报
1. 安装 VSCode
我已附上压缩包,插件都配置好了
2. 安装 C++ 插件
在 VSCode 中,你需要安装适用于 C++ 开发的插件。最常用的插件是 C/C++ 插件,它提供了代码补全、调试支持等功能。
安装步骤如下:
打开 VSCode。
点击左侧的扩展图标(或者使用快捷键 Ctrl+Shift+X)。
在搜索栏中输入 C/C++,找到官方提供的 C/C++ 插件。
点击 Install 安装插件。
3. 配置编译器
为了在 VSCode 中编译和运行 C++ 代码,你需要安装一个 C++ 编译器。
Windows 用户推荐使用 MinGW:
下载 MinGW: 访问https://www.mingw.org下载安装管理器。
安装 MinGW: 运行下载的安装管理器,选择并安装基本的 MinGW 编译器。确保将 MinGW 的 bin 目录(例如 C:\MinGW\bin)添加到系统的 PATH 环境变量中,这样 VSCode 才能找到编译器。

熙云Sacire
- 粉丝: 437
最新资源
- 操作系统课程设计之进程调度.doc
- 中国悬疑题材网络剧的新发展.docx
- PLC课程设计方案全自动洗衣机的洗衣桶.doc
- 基于深度学习的太阳能电池板缺陷检测模型设计.docx
- 内控对企业管理信息化的影响.docx
- 遗传算法new.ppt
- PLC自动扶梯多功能变频节能控制系统设计方案.doc
- (源码)基于Arduino的空气质量监测系统.zip
- 网络环境下英语优秀教学策略的探析.doc
- 基于物联网的智慧工厂实验系统的设计与开发研究.docx
- 《工程数据库》模拟试卷.doc
- 计算机网页设计教学的创新实践探析.docx
- web基于B-S的学生学籍管理系统的设计与实现.doc
- 小程序商城源码-Java-C语言资源
- 单片机控制直流双闭环调速系统设计.doc
- 浅析BIM技术在通信基站标准化建设中的应用.docx