最有用的 VS Code 扩展，助您提高工作效率

Visual Studio Code（VS Code）是目前最受开发人员欢迎的 IDE，因为它简单且具有广泛的扩展。

在本文中，我们将看到 VS Code 中一些最有用和最流行的扩展。

1.相对路径

这是我最喜欢的扩展之一。它允许我们使用搜索功能快速添加任何文件的导入，即使文件嵌套很深。

只需按下Ctrl+Shift+H或Cmd+Shift+H (Mac)即可激活它并搜索要导入的文件。

如果您是 React.js 开发人员，这是一个必备的扩展。

它提供了大量的前缀，我们可以用它们快速添加代码片段，而无需浪费时间一遍又一遍地重写相同的代码。

请查看我之前的文章了解更多详情。

此扩展可用于在.graphql或.prisma文件中添加语法突出显示，以便快速识别模式文件中是否存在错误。

无论您使用的是 HTML、JavaScript、React 还是任何其他框架或库，这都是每个开发人员必备的扩展。

它避免了每行代码后进行格式化，从而节省了大量时间。保存文件时，它会自动格式化代码。它还有助于捕获代码中的错误，因为即使出现错误（例如缺少括号或语法无效），它也不会格式化代码。

查看我之前的文章，了解它的强大功能并学习如何使用它。

此扩展允许我们在图像 URL 左侧或悬停时快速查看 CSS 文件中任何图像的预览。

如果您需要快速格式化 JSON 数据，那么您可以创建一个包含 JSON 数据的 .json 文件，然后从 VS Code 命令面板中按Ctrl+Shift+P或Cmd+Shift+P (Mac)并键入 Prettify JSON 来格式化文件的内容。

此扩展非常有用，可以通过显示匹配括号的下划线来快速找到匹配的括号。

如果您styled-components在 React 中使用，那么此扩展将为样式化的组件代码提供语法突出显示，从而使编写和调试变得容易。

此扩展程序会在重命名起始标记的同时自动重命名结束 HTML 标记，反之亦然。

此扩展程序会在添加新 HTML 标签时自动关闭结束 HTML 标签，这有助于避免缺少标签的问题。

此扩展提供了在 markdown(.md) 文件中使用的快捷命令，例如只需选中文本并按下Ctrl+B或Cmd+B (Mac)即可使文本加粗。它还允许我们轻松预览 markdown 文件。

Git History 扩展允许我们查看仓库中的 git 历史记录，将其与之前的版本进行比较，创建新的分支等等。
只需右键单击 VS Code 中添加到 git 的任何文件/文件夹，然后选择Git: View File History选项即可查看该文件/文件夹的所有 Git 历史记录。

不要忘记订阅我的每周新闻通讯，其中包含精彩的提示、技巧和文章，直接发送到您的收件箱中。