Visual Studio Code 及其魔力

2025-05-25

Visual Studio Code 及其魔力

大家好,我是 Madhav Gupta(我使用 VS Code 已经很久了,并且爱上了它),我想带您了解 VS Code 中令人惊叹的快捷方式世界以及一个精彩的扩展。

我们都喜欢 Studio Code,不是吗?(​​谈论那些使用它的人

一开始,我总是纳闷老师是怎么做到不用移动鼠标就能把选中的内容向上移动,同时还能复制整个选中的内容并向下移动的。结果发现,这些快捷键才是罪魁祸首

言归正传,
作为一名开发者,你肯定知道鼠标对你来说很“糟糕”。你应该熟悉编辑器中的大部分快捷键。

虽然编辑器中有很多快捷键,但我还是会列出一些我最常用的快捷键。另外,您可以在这里找到完整的键盘快捷键列表。
这些快捷键适用于Windows 用户,如果您使用其他操作系统,请谅解。

这是快捷方式及其功能的表格。

键盘快捷键 它们的影响
Alt+ ↑ / ↓ 向上或向下移动选择项
Shift+Alt+↓/↑ 复制您的选择并将其向上或向下移动
Ctrl+ ] / [ 缩进/减少缩进线(简单来说,向左或向右移动您的选择)
Ctrl+Shift+\ 跳转到匹配的括号
Ctrl+↑ / ↓ 向上或向下滚动选择
Ctrl+/ 切换评论(如果已评论则取消评论选择,反之亦然)

虽然这些是我经常使用的快捷方式,但值得一提的是,

键盘快捷键 它们的影响
Ctrl+空格键 编码/触发建议时显示所有建议
Ctrl+。 (来源:迈克尔·德·阿布鲁) 快速修复
Ctrl+P(致谢- Đào Tuấn) 打开根文件夹中的任意文件
Ctrl+F 寻找
Ctrl + H 代替
F11 切换全屏
F5 开始调试
F9 切换断点
Ctrl+Shift+T 重新打开已关闭的编辑器
  • 这些就是最常用的一些键盘快捷键,当然除了 Ctrl+C 和 Ctrl+V 之外 😀😀
  • 如果你已经掌握并运用了所有这些快捷键,那么恭喜你。记得在评论区分享一些你经常使用的快捷键。

现在,我们来讨论一下扩展。

扩展名是JavaScript (ES6) 代码片段

使用过这款扩展的人都知道它的强大之处。顾名思义,它提供了一些带有快捷键的代码片段,您可以通过按 TAB 或 ENTER 来使用它们。

捷径 它变成了什么
clg console.log()
然后 然后抓住链子.then((res) => {}).catch((err) => {});
小鬼 导入整个模块
rqr 要求
模态 模块.导出()
反对 在类中添加默认构造函数constructor() {}
免费 ES6 语法中的 forEach 循环array.forEach(currentItem => {})

所以,今天就到这里。呼呼,写我的第一篇文章其实并不难。
我会回来写更多文章(我正在考虑写一篇关于 Markdown 的指南),还有一件事,我并不讨厌其他编辑器,用适合自己的就好。
希望你喜欢。祝你有美好的一天。谢谢。
编辑:语法修正

文章来源:https://dev.to/madhavgupta/visual-studio-code-and-its-magic-1a2m
PREV
加入我们的 JavaScript 读书俱乐部
NEXT
渐进式 Web 应用:实用指南