返回

VSCode插头遥控器,来一套!

前端

工欲善其事,必先利其器。软件工程师每天打交道最多的可能就是编辑器了。我入行几年来,先后折腾过的编辑器有 EditPlus、UltraEdit、Visual Studio、EClipse、WebStorm、Vim、SublimeText、Atom、VSCode,现在仍高频使用的就是 VSCode。

在使用 VSCode 的过程中,我积累了很多插件。这些插件极大地提高了我的开发效率。今天,我想把它们分享给大家。

插件推荐

1. ** Auto Rename Tag

功能: 自动重命名标签。

使用场景: 当你修改 HTML 或 XML 标签时,这个插件可以自动重命名所有匹配的标签。

2. ** Bracket Pair Colorizer

功能: 为括号对染色。

使用场景: 当你编辑代码时,这个插件可以为括号对染色,使它们更容易识别。

3. ** Code Spell Checker

功能: 检查代码中的拼写错误。

使用场景: 当你编写代码时,这个插件可以检查代码中的拼写错误,并提供建议。

4. ** ESLint

功能: 检查 JavaScript 代码的语法和风格错误。

使用场景: 当你编写 JavaScript 代码时,这个插件可以检查代码的语法和风格错误,并提供建议。

5. ** GitLens

功能: 查看 Git 历史记录。

使用场景: 当你使用 Git 管理代码时,这个插件可以让你查看 Git 历史记录,并查看代码的变更。

6. ** Markdown Preview Enhanced

功能: 增强 Markdown 预览。

使用场景: 当你编写 Markdown 文档时,这个插件可以增强 Markdown 预览,使它更易读。

7. ** Path Intellisense

功能: 智能感知路径。

使用场景: 当你输入文件路径时,这个插件可以智能感知路径,并提供建议。

8. ** Prettier

功能: 格式化代码。

使用场景: 当你编写代码时,这个插件可以自动格式化代码,使它更易读。

9. ** Settings Sync

功能: 同步 VSCode 设置。

使用场景: 当你有多台电脑时,这个插件可以让你同步 VSCode 设置,使它们保持一致。

10. ** vscode-icons

功能: 为文件和文件夹添加图标。

使用场景: 当你浏览文件和文件夹时,这个插件可以为它们添加图标,使它们更易识别。

插件配置

除了以上推荐的插件,我还在 VSCode 中配置了一些其他设置,以进一步提高开发效率。

1. ** 主题

我使用的主题是 One Dark Pro 。这个主题非常适合夜间编码。

2. ** 字体

我使用的字体是 Fira Code 。这种字体非常清晰,非常适合编码。

3. ** 字体大小

我使用的字体大小是 14px 。这个字体大小非常适合阅读代码。

4. ** 缩进

我使用的缩进方式是 4个空格 。这个缩进方式非常适合 Python 代码。

5. ** 自动保存

我启用了自动保存功能。这个功能可以自动保存代码,防止丢失。

插件安装

你可以通过以下方式安装 VSCode 插件:

  1. 在 VSCode 中打开扩展商店。
  2. 搜索你想要安装的插件。
  3. 点击安装按钮。

插件下载

你也可以通过以下链接下载 VSCode 插件:

https://marketplace.visualstudio.com/VSCode

结语

以上就是我推荐的 VSCode 插件和配置。希望这些插件和配置能帮助你提高开发效率。

如果你有其他好用的 VSCode 插件,欢迎在评论区分享。