vscode 使用指南

最新推荐文章于 2024-08-31 17:02:51 发布
最新推荐文章于 2024-08-31 17:02:51 发布
阅读量2.9k 收藏 3
点赞数 2
分类专栏： 开发工具
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31964019/article/details/111332972
版权
本文详细介绍了VSCode的使用，包括参考资源、logpoints、条件断点、多目标调试和launch.json配置。此外，还讲解了命令面板、用户设置、代码片段、隐藏侧边栏、禅模式等扩展功能。重点介绍了文件导航的快捷键和面板的用途，如查找文件、切换文件、固定标签、自动保存与格式化、文件比较以及时间线查看git提交记录。
摘要由CSDN通过智能技术生成

参考

tsq/vscode-course: VS Code 入门教程

vscode结构在这里插入图片描述

在这里插入图片描述

logpoints

一种特殊的断点：logpoints，使用它我们可以以非阻塞、打日志的方式来调试程序
编辑区左边右键选择 add log points 断点输入断点记录内容例如

## res 为请求的对象
请求信息：{
   res
最低0.47元/天 解锁文章
chrislin9
关注
专栏目录
VSCode使用指南
weixin_46201756的博客
05-17 297
VSCode使用指南安装方法 安装方法 Ubuntu 应用商店搜索安装即可。 或者官网下载deb包 在这里插入代码片
VSCode 基本使用
热门推荐
huangpb的博客
12-16 5万+
一、VSCode 界面功能介绍 1. Git History，相当于 git log 3. 打开上一提交版本的更改记录 4. 显示提交注释 5. 向右分屏 6. 直接定位到第几行 7. 解析当前文件的语言 8. 切换项目（基于 Project Manager） 9. 切换分支 10. GitLens，可以查看文件和单行代码的修改记录 二、常用快捷键 1. Comman.........
VScode 基本使用和操作技巧
止步听风的博客
04-23 6874
Basics Welcome and interactive playground 在菜单栏中的 Help 中存在 Welcome 和 interactive playground。 其中 Welcome 是 VScode 的欢迎界面，interactive playground 包含了一些交互的方式。 Command Palette 在命令面板中可以访问基于当前上下文中的所有可用命令，...
VS Code使用总结
最新发布
qq_41826079的博客
08-31 1491
总结了VS Code的使用
vscode-realtime-debugging:VS Code扩展，可实时查看程序的执行方式
03-08
实时调试 特征 突出显示在执行时写入标准输出的语句。 执行了Logpoint的语句在执行时写入stdout;） 在语句旁边显示写入标准输出的文本。 从理论上讲，它支持所有调试器和语言（在实现中没有特定于JavaScript的内容）。 演示NodeJS 示范网 日志点 如果您熟悉日志点，则永远不需要console.log再次进行调试！ 我强烈建议将命令Debug: Add Logpoint...绑定到易于访问的快捷方式（我将其放在Shift + F2上）。 使用日志点，您无需可视化程序执行即可重新启动程序。 注意事项 在调试VS Code扩展时不起作用，因为它们不会写入stdout（已修补console.log且调试适配器未发送output事件）。
Visual Studio Code调试小技巧——使用LogPoints
问渠哪得清如许，为有源头活水来
01-29 1450
Logpoints是一种不会“打断”调试器的断点，他将需要的内容输出到屏幕上。
vscode使用教程
chengjianghao的博客
07-22 209
VSCode（Visual Studio Code）是由微软研发的一款免费、开源的跨平台文本（代码）编辑器，算是目前前端开发几乎完美的软件开发工具。 1.VSCode下载 VSCode下载链接:https://code.visualstudio.com/ 2.VSCode汉化 3.VSCode常用插件(安装步骤同汉化) 3.1Auto Close Tag (自动闭合HTML/XML标签) 3.2Auto Rename Tag (自动完成另一侧标签的同步修改) ...
史上最全vscode配置使用教程
怡暘
03-09 9186
转载地址：https://zhuanlan.zhihu.com/p/113222681 工欲善其事，必先利其器。想要优雅且高效的编写代码，必须熟练使用一款前端开发工具。但前端开发工具数不胜数，像HBuilder、Sublime Text、WebStorm、Visual Studio Code…等等,其中VSCode以其轻量且强大的代码编辑功能和丰富的插件生态系统，独受前端工师的青睐。网上有很多vscode的配置以及使用博客，但都没有本篇那么详细且全面。 软件下载 直接在官网进行下载 https://link
VS code console.log快捷键设置 ：console.log(‘n＞＞＞‘,n)
范德萨的博客
01-13 1574
否则，选择 “新建全局代码片段文件”（New Global Snippets File）并命名为 “javascript.json”。一、打开 VS Code，并进入菜单栏选择 “文件”（File）-> “首选项”（Preferences）-> “键盘快捷方式”（Keyboard Shortcuts）。一、打开 VS Code，并进入菜单栏选择 “文件”（File）-> “首选项”（Preferences）-> “用户代码片段”（User Snippets）。二、在打开的键盘快捷方式面板中，点击右上角的。
vscode使用指南
08-25
以下是一些基本的 VS Code 使用指南： 1. 安装和启动：首先，你需要下载和安装 Visual Studio Code（简称 VS Code）。安装完成后，双击图标启动应用程序。 2. 编辑文件：在 VS Code 中，你可以打开一个文件或一个...
VSCode查看Linux syslog日志
爱就是是恒久忍耐的专栏
09-25 3837
使用VSCode去观察Linux下的syslog
vscode 中 设置快捷代码块：console.log
情疏的博客
04-27 1805
作为一个前端程序猿，我相信大家天天都在手敲这段代码： console.log(); 现在来教大家如何在 VsCode（不专业） Visual Studio Code 中设置上面这段代码的快捷键。 1、首先打开工具左上角 文件 ---- 首选项 ---- 用户片段，然后输入 javascript.json ，回车，如下： 直接把他的例子取消注释，需要新增其他代码块的可以按照格式运行 CV 大法、 简单介绍一下字段意思： prefix：你想偷懒成什么样，如上图设置，在代码块中输入 log 之后效
使用vscode时快速生成console.log()
douyh的专栏
05-07 991
前言：在使用vscode开发进行调试时，我们经常要用到console.log()来调试代码，有什么好用的办法来快速生成，答案肯定是有的，下面跟随我来看一下是不是真的很好用。比如我们要快速生成setInterval(() => {})，那我们只需要键入sti即可。比如我们要快速生成setTimeout(() => {})，那我们只需要键入sto即可。比如我们要快速生成console.log()，那我们只需要键入clg即可。比如我们要快速生成forEach循环，那我们只需要键入fre即可。
[vscode] 自定义log快捷生成代码
qq_14993591的博客
06-26 359
文件>首选项>设置，搜索代码段或snippetSuggestions，修改为”top”;1、进入设置页面：文件>首选项>用户代码片段>选择设置的语言。2. 关于代码段显示位置的调整设置。
VScode使用--代码段设置console.log以及调整代码段提示的显示位置
郭召的博客
05-09 3万+
visual studio code——使用代码段设置console.log以及代码段显示位置调整 不同于WebStorm系统内定制了方法，输入’.log’可以非常方便的实现功能。 在VSCode只能退而求其次设置代码段实现类似的效果了。步骤如下：进入设置页面：文件>首选项>用户代码片段>选择设置的语言。 去掉注释就可以了，当然你也可以把其他多余的删除(注释的内容是snippet 的格式，
配置VsCode中‘log’快捷键去掉console.log(‘‘)；中的分号；
yyzx_yyzx的博客
07-15 2273
很简单就能配置好。通过配置javascript.json来完成log快捷键的配置
vscode快速输出格式化console.log
李白爱睡觉的博客
01-06 3555
在前端开发中，经常使用打印，给石化打印能帮助快速找到和区分打印内容，方法如下 设置 - 用户代码片段 - 选择javascript 复制 { // Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snipp
VSCode中console.log的两种快速写法
记录和分享属于我的“IT”时光
11-07 1万+
（一）方法一：直接在script标签中提前定义，仅适用于该html文件！ let add = function(a,b){ return a + b; }; console.log(add(20,300)); const { ['log']:C } = console; C(add(20,300)); （二）方法二：按tab键快速生成console.log，且光标在()内部,再次按tab键光标自动跳转到下一行！ 1、打开vscode编辑器，选择文件->首选项->用户片段，输入
macos安装vscode_连“Hello World”都不会？VS Code帮你快速入门！
weixin_40005887的博客
11-24 628
VS Code极简入门来源：https://code.visualstudio.com/docs/python/python-tutorial翻译：老齐阅读本文大约需要12分钟★译者注： 我在课程中演示编程，使用的是VSCode，有的同学表示对这个编辑器不了解，因此编译本文，供初学者参考。”在本文中，你将使用Python3在Visual Studio Code中编写最简单的“Hello ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值