Visual Studio Code 无疑是最好的编程文本编辑器没有之一。 对于许多人来说,它取代了 Sublime Text 成为他们选择的编辑器。 它是一个基于 Electron 的 JavaScript 应用程序,但速度快如闪电,并且不会像许多 JavaScript 应用程序那样遇到性能问题。
VS Code 是开源的,可以在 GitHub 上找到。 如果您想将工作效率和工作流程提高到一个新的水平,推荐您应该学习以下几个基本的 Visual Studio Code 技巧。
1. 掌握 VS Code 中的命令面板
与 Sublime Text(以及之前的 TextMate)非常相似,VS Code 有一个称为命令调色板的东西。 此功能使您只需键入即可访问各种命令,而不必使用鼠标导航菜单。
您可以使用 Ctrl + Shift + P(或 Cmd + Shift + P)键盘快捷键调出命令选项板。 只需开始输入您想要执行的操作(例如“关闭”),选项就会实时更新。 一些命令驻留在类别中(例如“文件”、“Git”、“终端”等),这使得它们更容易找到。
2. 设置工作项目文件夹
如果您单击导航侧栏中的“资源管理器”,您将看到打开一个新的子面板。 该子面板由两个部分组成(您可能必须单击三点菜单并选择“打开编辑器”才能将其作为选项之一):“打开编辑器”(即当前打开的文件和文档)和“未打开文件夹”。 后者才是我们感兴趣的。
单击“打开文件夹”(或者您可以导航至菜单栏中的“文件”>“打开文件夹”),然后选择系统上的任何文件夹。 这会将该文件夹作为“当前工作项目”加载到 VS Code 中,从而使您可以轻松访问所有文件和子文件夹,因此您不必不断地来回切换到文件资源管理器。
3. 同时查看多个文件
大多数现代文本编辑器可以同时支持多个文件,允许您通过基于选项卡的界面在打开的文件之间切换。 更高级的文本编辑器甚至可能支持并排文本编辑,VS Code 也支持(尽管只是水平编辑)。
但在笔记本电脑或旧显示器等较小的屏幕上进行并排编辑很困难,而这正是 VS Code 的亮点。
它有一种称为动态面板的功能,如果打开的文档面板之一太窄,当您激活该文档(即将光标放在其中)时,它会自动变宽。 如果您仍在使用接近 720p 的分辨率,您一定会喜欢这个功能。
4. 一次编辑多行
如果您需要在整个文档中插入或删除多个文本实例,您所要做的就是创建多个光标。 您可以通过按住 Alt(或 Mac 上的 Option)并单击文本中的任意位置来完成此操作。 每次单击都会创建一个新光标。
这对于 HTML 等内容特别有用,您可能希望在其中添加同一类的许多实例或更改多个超链接的格式。 学习它并爱上它。
5. 转到定义
当您编程或编写脚本时,通常会遇到您不认识的变量或方法。 所以你会怎么做? 您可以花几分钟时间搜索正确的文件,也可以用光标选择变量/方法并按 F12 立即跳转到其定义。 或者,选择您的方法、函数或变量并按 Ctrl 或 Cmd,然后单击它以转到定义。
或者,您可以使用 Alt + F12(或 Cmd + F12)键盘快捷键来简单地查看定义,这会在光标所在的行中显示定义,而不是打开源文件。
要反向操作,您可以选择已定义的变量/方法,然后使用 Shift + F12 键盘快捷键查找对其的所有引用。 这也会显示在光标所在的行中。
6. 重命名所有出现的情况
重构是编写和维护干净代码的一个必要方面,但它可能会非常令人头疼,尤其是当您重构一个大模块或一大块代码时。 因此,您不必为了重命名变量或方法而搜索数十个文件,而是让 VS Code 为您完成这件事。
如果您选择一个变量/方法并按 F2,您可以编辑名称,它将更改整个当前工作项目中该变量名称的每个实例。
如果您只想在当前文件中进行更改,请使用 Ctrl/Cmd + F2 键盘快捷键,VS Code 将在当前文件中的每个实例处生成一个光标。
7. 搜索多个文件
如果您使用的文件不是源代码,则上面的符号查找功能(在技巧 #5 中)将无法使用。 那么,当您需要查找句子或单词但不知道它位于哪个文件中时该怎么办? 您返回到基本的“查找”功能。
Ctrl/Cmd + F 可让您在当前文件中搜索,而 Ctrl + Shift + F(或 Shift + Cmd + F)可让您在整个当前工作项目的所有文件中搜索,包括递归的所有子文件夹。
8. 在 VS Code 中使用命令行
VS Code 附带一个集成终端。 在 Windows 上,此终端显示为命令提示符。 在 Mac 和 Linux 上,它显示为 Bash 提示符。 无论哪种方式,终端都会在当前工作项目的目录(如果有)中启动,否则在您的主文件夹中启动。
它还支持拥有多个独立终端的能力。 只需单击右上角的加号 (+) 按钮即可生成更多终端实例,或单击垃圾桶关闭当前终端。 下拉菜单可以轻松地在它们之间切换(并且不会像基于选项卡的界面那样浪费太多的屏幕空间)。
9. 在 VS Code 中安装新主题
正如您可能期望的那样,VS Code 允许您对文本和源代码的语法突出显示进行主题化。 不幸的是,它不允许对界面本身进行主题化,但语法突出显示是重要的一点。 一个好的主题可以比您想象的更能提高您的工作效率。
您可以在 VS Code Marketplace 上找到新主题(它们是免费的),也可以直接在 VS Code 中搜索它们。 如果您需要建议,请查看我们的最佳 VS Code 主题列表。
10. 在 VS Code 中安装第三方扩展
最后一个要强调的基本功能是 VS Code 通过第三方扩展的可扩展性。 与主题一样,您可以在 VS Code Marketplace 上找到它们(是的,这些也是免费的),或者您可以在 VS Code 中搜索它们。 使用 Ctrl + Shift + X(或 Shift + Cmd + X)键盘快捷键访问“扩展”面板。
扩展是最大限度提高工作效率的关键。 您会在这里找到各种工具,例如 linter、调试器、代码片段、VS Code 本身的生活质量改进、构建工具,甚至是一些使用 ChatGPT 来更轻松地在 VS Code 中进行编程的扩展。
Visual Studio Code 是最好的文本编辑器
尽管许多人似乎很喜欢它,但 VS Code 并不适合任何人(从来没有完美的)而且它可能不是您想要的。 请记住,VS Code 是一个文本编辑器,而不是一个成熟的 IDE。
但是,您应该尝试一下,并以开放的心态参与其中。 我认为它的功能可能会让您感到惊讶(以一种好的方式)!