深入讲解VsCode各场景高级调试与使用技巧 代码编写效率提升2倍
csdn 发布时间：2023-12-22 12:01:52 作者：小明的学习圈子 
我要评论
我要评论VSCode是一款开源免费的跨平台文本编辑器，它的可扩展性和丰富的功能使得它成为了许多程序员的首选编辑器,在本文中，我将分享一些VSCode的使用技巧，帮助您更高效地使用它
在index.ts中随意添加一个断点
按F5或者运行 -> 启动调试，此时可以看到可以正常debug调试
- 通过构建任务构建调试TS
按Ctrl+Shift+B或选择终端 -> 运行生成任务，此时会弹出一个下拉菜单
选择tsc构建选项，此时可以看到自动生成了编译文件
注意，如果你使用的是其他终端(比如cmder)的话，有可能会生成不了，如下图所示，使用默认的powershell即可：
调试的话和上述步骤一样，在有了编译后的文件后，按F5即可
- 监视改变并实时编译
按Ctrl + Shift + B选择监视选项，可以实时监视文件内容发生变化，重新编译
如下图所示，会实时编译
补充知识点：tasks配置文件的创建方式
- 方法1：点击
终端 -> 配置任务 -> 选择任务可以生成对应的tasks.json配置
- 方法2：点击
终端 -> 运行生成任务 -> 点击设置图标也可以生成对应的tasks.json配置
相关文章
VS Code怎么设置分支排序顺序? 按提交人日期分支排序的技巧
VS Code怎么设置分支排序顺序？VS Code中想要控制分支的排序顺序，在哪来设置呢？下面我们就来看看VSCode按提交人日期分支排序的技巧2023-08-19VSCode的autopep8插件无法自动格式化含中文的utf-8编码文件错误的解决
配置autopep8插件并安装相关依赖后，VSCode无法自动格式化含有中文的代码文件，这里就为大家分享一下解决方法2023-09-24VSCode选项卡上的扩展怎么关闭出发? vscode不显示触发选项卡上的扩展技
VSCode选项卡上的扩展怎么关闭出发？VSCode选项卡中可以出发扩展，也可以关闭触发，该怎么操作呢？下面我们就来看看vscode不显示触发选项卡上的扩展技巧2023-10-07vscode怎么关闭启用预览? VSCode取消右侧预览面板的技巧
vscode怎么关闭启用预览？vscode中可以预览，该怎么开启或者关闭预览面板呢？下面我们就来看看VSCode取消右侧预览面板的技巧2023-10-16VSCode合并运行按钮怎么关闭? VSCode关闭一键运行的技巧
VSCode合并运行按钮怎么关闭？虽然合并运行很方便但是有时候用不到，想要关闭，该怎么操作呢？下面我们就来看看VSCode关闭一键运行的技巧2025-04-03VS Code怎么取消自动签名? VSCode关闭总是签字的技巧
VS Code怎么关闭自动签名？VSCode中可以自动签名，现在想要关闭自动签字，该怎么操作呢？下面我们就来看看VSCode关闭总是签字的技巧2023-10-16VS Code怎么开启紧凑视图? VSCode设置紧密检视的技巧
VS Code怎么开启紧凑视图？VS Code中可以设置视图样式，该怎么使用紧凑样式呢？下面我们就来看看VSCode设置紧密检视的技巧2023-10-16- VS Code单元焦点指示器槽怎么设置？VS Code中想要设置单元焦点指示器槽的位置上，该怎么设置呢？详细请看下文介绍2023-10-16
VSCode怎么设置不显示空值? VSCode不显示空值的设置技巧
VSCode怎么设置不显示空值？VSCode中的空值也会显示，想要不显示空值，该怎么操作呢？下面我们就来看看Visual Studio Code设置不显示空值的方法2023-11-27VSCode导航栏怎么显示函数? VSCode设置显示函数的方法
VSCode导航栏怎么显示函数？VSCode中的函数很常用，想要显示在导航栏，该怎么操作呢？下面我们就来看看VSCode设置显示函数的方法2023-11-27
最新评论