VSCode插头遥控器,来一套!
2024-01-23 01:13:55
工欲善其事,必先利其器。软件工程师每天打交道最多的可能就是编辑器了。我入行几年来,先后折腾过的编辑器有 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 插件:
- 在 VSCode 中打开扩展商店。
- 搜索你想要安装的插件。
- 点击安装按钮。
插件下载
你也可以通过以下链接下载 VSCode 插件:
https://marketplace.visualstudio.com/VSCode
结语
以上就是我推荐的 VSCode 插件和配置。希望这些插件和配置能帮助你提高开发效率。
如果你有其他好用的 VSCode 插件,欢迎在评论区分享。