大量提高 VS Code 效率的技巧

使用 VS Code 提高效率，不仅能让你专注于代码，还能加快一些重复性任务的执行速度。想要提高效率，你只需要学习一些键盘快捷键并安装一些扩展程序。

以下是一些对我每天有帮助的 VS Code 技巧。

注意：这篇文章是为 Mac 电脑编写的，我希望有人能帮助我将这篇文章翻译成适用于 Windows 系统。

如果您觉得速度更快的话，这里有一个视频版本：

这也发布在我们的博客上

VS Code CLI 和集成终端

VS Code 命令行界面

VSCode 有一个 CLI，可以直接从终端打开 VS Code。

按照以下简单步骤进行安装：

启动 VS Code
打开命令面板（shift+cmd+p）并输入‘shell command’来找到 Shell 命令：在 PATH 命令中安装‘code’命令。

重启终端，使新的 \$PATH 值生效。您将能够在任何文件夹中输入“code .”来开始编辑该文件夹中的文件。

如果您遇到问题，请点击此处查看文档

综合终端

VS Code 集成了一个终端，您可以直接在 VS Code 中打开并开始使用。如果您之前不知道，现在终于知道了💁‍♀️。现在就赶紧开始使用吧！

它的工作方式与您当前的终端完全相同，您可以像这样打开它：

使用带有反引号字符的 ⌃` 键盘快捷键。
使用视图 > 终端菜单命令。
从 命令面板 ( shift+cmd+p) 中，使用 视图：切换集成终端 命令。

使用重命名符号进行重构

命名是编程中最难也是最重要的部分。就是这样，规则不是我制定的。

在创建 Twitter 竞争对手的过程中，你需要进行大量重命名。让我们简化这个过程。

要重命名符号（在某些语言中，甚至可以跨多个文件重命名），请F2在选择要重命名的符号后按下。然后输入代码，您就节省了数百小时（当然，这是在很多年的时间里节省下来的）。

多项选择（多光标）

现在，这里有一个能改变你人生的小窍门。把它写下来，做个书签，记住它，或者随便什么都可以。这绝对是最好的小窍门，你会一直用到它。

可以添加多个光标，并根据其所在的上下文独立操作。

因此，您可以通过几种方式添加多个光标。

alt+click每次点击都会添加一个新光标。

alt+cmd+down或alt+cmd+up分别将光标插入下方或上方。

cmd+d选择光标处的单词或当前选择的下一个单词，并在每个单词处添加一个光标。

shift+cmd+l将选择当前选定文本的每个出现位置，并为每个选择添加一个光标。

您还可以查看多行技巧扩展，它允许您在每个选定行的末尾添加一个光标alt+shift+l

命令面板

VS Code 的命令面板让您仅使用键盘即可完全访问 VS Code。输入命令shift+cmd+P即可打开命令面板，让您访问 VS Code 的所有功能。

以下是一些最有用的命令的快捷方式：

cmd+P 让你通过输入名称来导航到任何文件或符号
ctrl+tab 将循环显示最后打开的一组文件
shift+cmd+P 将直接带你到编辑器命令
shift+cmd+O 将允许您导航到文件中的特定符号
alt+G 将允许您导航到文件中的特定行

用户界面导航

用户界面分为 5 个部分：

编辑器 - 编辑文件的主要区域。您可以根据需要，在垂直和水平方向上并排打开任意数量的编辑器。
侧边栏 - 包含不同的视图，如资源管理器，以协助您处理项目。
状态栏 - 有关打开的项目和您编辑的文件的信息。
活动栏 - 位于最左侧，可让您在视图之间切换，并为您提供额外的特定于上下文的指标，例如启用 Git 时的传出更改数量。
面板 - 您可以在编辑器区域下方显示不同的面板，用于显示输出或调试信息、错误和警告，或集成终端。面板还可以向右移动以获得更多垂直空间。

以下是一些可帮助您导航 UI 的快捷方式：

shift+cmd+E探索者（A）
shift+cmd+F搜索 (A)
shift+ctrl+G源头控制（A）
cmd+shift+D运行面板（A）
cmd+shift+X扩展面板（A）
cmd+b切换侧边栏可见性 (B)
ctrl+cmd+w切换标签可见性 (C)
cmd+j切换打开底部面板（D），其中包含终端、问题、输出、调试控制台

资源

https://marketplace.visualstudio.com/items?itemName=bigous.vscode-multi-line-tricks

https://www.vscodecandothat.com/

https://www.xiaoru.li/post/vscode-tricks/

https://www.telerik.com/blogs/7-vs-code-productivity-hacks-17-extensions-that-will-change-your-life

https://code.visualstudio.com/docs/getstarted/tips-and-tricks

https://dev.to/mokkapps/how-i-increased-my-productivity-with-visual-studio-code-gfo

https://code.visualstudio.com/docs/getstarted/userinterface#_command-palette

https://code.visualstudio.com/docs/editor/codebasics#_multiple-selections-multicursor

https://code.visualstudio.com/docs/editor/editingevolved#_rename-symbol

https://code.visualstudio.com/docs/editor/integrated-terminal

https://code.visualstudio.com/docs/setup/mac#_launching-from-the-command-line

https://code.visualstudio.com/docs/getstarted/userinterface

文章来源：https://dev.to/craigaholliday/a-ton-of-vs-code-tips-for-productivity-34j3

大量提高 VS Code 效率的技巧

大量提高 VS Code 效率的技巧

VS Code CLI 和集成终端

VS Code 命令行界面

综合终端

使用重命名符号进行重构

多项选择（多光标）

命令面板

用户界面导航

更多键盘快捷键

一般的

编辑

资源