随着时间的推移,Visual Studio Code 已成为许多开发人员日常使用非常重要的工具,因为它简单、便捷,并且具有许多提高开发效率、生产力和体验的有用功能。
这些功能的一部分由[VS Code 扩展提供,可以通过扩展市场添加。
此外,VS Code 还包括其他开箱即用的功能,可以帮助开发人员减轻工作负担。
在这篇文章中,我将展示其中一些被人忽视的小技巧。
多光标选择
首先,此功能允许您使用鼠标在代码中的任何位置创建多个光标。为此,只需按 Alt 键并单击要添加光标的位置(Alt+Click
或Option+click
在 macOS 上),也可以通过在使用鼠标选择或双击选择元素的同时按 Alt 键来添加带有多个选定片段的光标。
这对于批量编辑非常有用,但也可以与片段或代码完成结合使用。
列选择
在编辑器中,我们可以通过按住Shift+Alt
(Shift+Option
在 macOS 上) 并用鼠标左键单击拖动来选择文本块。
这也为每个选定的行创建一个单独的光标。当您想要编辑结构化的代码或数据块时,此功能非常有用,尤其是当您想要编辑写在您不想编辑的另一个块的右侧的块时。在这种情况下,多光标会有所帮助,但列选择会更快。
更快地格式化文档
这个功能可以节省大量时间,它总是可以让你的代码变得更整洁。
您可以通过在打开的命令面板中搜索“格式化文档”来使用它,也可以直接按Shift+Alt+F
这将格式化整个文档或选定的代码部分,以防万一。
要增强此功能,您可以使用自动格式化复制到文档中的代码,或在保存整个文档时自动格式化。
您可以选择最适合您的编程偏好的选项。就我而言,我只使用 Format when paste 选项,因为很多时候复制的代码具有不同的格式,或者只是在粘贴时中断。所以它对我来说是一个非常有用的工具。但是Format On Paste这是一个非常有趣的选项,因为您可以选择格式模式,并且只在保存时格式化修改后的代码。这可以通过启用Format On Paste并在Format on Save Mode中选择修改来完成。
我在编程时使用代码格式化工具有两种方式,第一种是编写代码而不用担心格式和样式,我只编写功能代码,完成后使用文档的自动格式化。这种方式是编写代码最快的方式,但也会导致代码的风格和外观出现一些不一致,你必须依赖格式化工具。我编码的另一种方式是注意样式,并在编写代码时应用一致的格式(使用格式工具手动和自动)。这是一种慢得多的编程方式,但更安全一些。
我个人的偏好是第一种,因为它更快,虽然我有时会无意中编程第二种方式,但总是在自动格式化的帮助下。
高性能着色
我一直在使用Bracket Pair Colorizer 2扩展,因为它在查找任何代码块的范围时为我节省了大量时间。但现在 VS Code 支持原生括号对 colorizatrion。可以通过在设置窗口中设置"editor.bracketPairColorization.enabled": true
或搜索来启用此功能,bracketPairColorization
然后,编辑会将成对的括号或大括号涂成相同的颜色,以便您以简单的方式识别它们。
当我们有高度分层的数据结构或不同级别的许多代码块时,它特别有用。出于这个原因,如果我们使用 JavaScript、React 或 JSON,强烈建议使用此扩展,因为嵌套元素和具有不同级别的代码块是很常见的,这是由于语言的性质有关对象、承诺、回调和箭头函数。在我的例子中,使用这个扩展为我在每个开发堆栈上节省了大量时间,尤其是在 JavaScript 及其框架中。
使用尽可能少的代码完成扩展
这是基于我的经验的个人建议,我在 Visual Studio Code 中学习编程的其中一件事是扩展非常有用,但我也学会了安装许多有趣的扩展,这些扩展对编程很好或更好,因为例如代码完成、片段、IntelliSense、语言包等的扩展。如果它们安装过多,会导致代码帮助和代码完成ctrl + space
变得无用,因为它停止预测你要写的内容,并且它无助于更快地完成代码。它成为搜索工具或实时文档工具,显示代码帮助和自动完成也需要更长的时间。
就个人而言,我只使用对我当时正在从事的项目有用的扩展,例如,如果我正在使用 React Native 应用程序,我可能会使用 React Native 片段扩展,以及其他有用的扩展在几乎任何情况或项目中,例如路径 IntelliSense。
同步 Visual Studio Code 设置
当您安装或重新安装 Visual Studio Code 时,此功能可以节省大量时间。因为启用同步后,您无需重新配置任何设置或编辑器扩展,因为每次登录 Microsoft 或 GitHub 帐户时都会应用它。这意味着当您激活同步设置时,每个配置、设置更改和安装的扩展程序都将保存并同步到这些帐户中。所有这些也适用于 VS Code 的 GitHub Web 版本,但它仅适用于一些扩展和设置,目前有点受限。
要启用设置同步,您必须转到 Visual Studio 窗口左下方的用户图标,然后按打开设置同步选项,如下所示:
接下来,选择要同步的配置数据,然后登录将要保存和同步设置的账户,如下例所示:
我有几台设备,作为 Windows 用户,我必须处理操作系统的重新安装和格式化。所以就我而言,这个简单的功能为我节省了很多配置和安装任务的时间,而且将来肯定会继续为我节省时间。
网友评论