推荐8个提高vscode开发效率的插件

167 阅读2分钟

vscode是一款由微软开发且跨平台的免费源代码编辑器。vscode提供了丰富的扩展库,有了这些插件的支持,vscode可以说是如虎添翼。今天介绍8个我觉得非常好用的插件。

Prettier

它是一个广泛使用的代码格式化工具,支持多种编程语言,可以自定义配置规则。使用 Prettier 可以极大地提高代码的可读性和维护性,避免不必要的代码冲突,是一个非常实用的工具。

Snipaste_2023-09-17_23-05-43.png

ESLint

它是一个语法检查工具,可以检测 JavaScript 代码中的语法错误、提供纠错建议,帮助提高代码质量和可读性。ESLint 支持自定义配置和集成到开发环境中,使用起来非常方便。

Snipaste_2023-09-17_23-06-32.png

Auto Rename Tag

这个插件能够自动重命名 HTML 或 XML 标签,当你想重命名一个标签时,它会将与之配对的标签自动重命名,省去手动修改标签的时间,非常实用。尤其在一些大的文件中,两个标签可能相隔很远不容易找到,能够大大提高工作效率。

Snipaste_2023-09-17_23-07-09.png

Bracket Pair Colorizer

当你使用多个括号嵌套时,这个插件可以给不同的括号以不同的颜色,帮助你更快地识别括号的层级,避免混淆。这个插件可以提高代码的可读性。

Snipaste_2023-09-17_23-07-58.png

Live Server

它可以提供本地服务器环境,随时预览你的网页,它能够在你修改文件后自动刷新浏览器,让你能够更加高效地进行开发。特别是在涉及到实时预览的时候非常实用。

Snipaste_2023-09-17_23-08-29.png

Snipaste_2023-09-17_23-32-55.png

Material lcon Theme

这个插件可以让你的文件目录中的图标更加美观,同时也会更加直观,便于你快速识别文件类型,它为每种文件类型都做了独特的图标。这个插件简单易用,让你在代码整理和查找的时候更加舒服。

Snipaste_2023-09-17_23-09-42.png

Code Runner

它是一个可以在 vscode中展示代码执行结果的工具,支持几乎各种主流编程语言,特别适用于与学习或调试相关的工作。使用 Code Runner 可以省去许多在命令行下运行代码的时间。

Snipaste_2023-09-17_23-10-06.png

Snipaste_2023-09-17_23-36-33.png

GitLens

它是一个针对 Git 文件的强大可视化工具,能够在你的代码中提供更好的可视化和信息呈现。GitLens 特别适合与团队协作时使用,能够帮助你更好地理清代码的变化,提高代码可读性,降低出错概率。

Snipaste_2023-09-17_23-09-09.png

Snipaste_2023-09-17_23-42-50.png