不容错过的VSCode神级插件🚀🚀🚀

501 阅读1分钟

VSCode编辑器是前端开发的神器,使用插件可以提高我们的开发效率,下面介绍下几款好用的插件。

1. Thunder Client

image.png
一个HTTP客户端插件,具有友好的界面,支持请求历史记录、保存等功能。相比Postman,比较轻量也无需登录。

2. Git Graph

image.png
可以轻松查看各个分支的提交记录,支持右键cherry-pick、merge等快捷操作。

3. GitLens

image.png
除了可以查看你提交记录,可以查看每行代码是哪个人什么时候提交的

4. Live Server

image.png
Live Server会在本地创建一个服务器。当您修改 HTML、CSS 或 JavaScript 文件时,它会自动更新浏览器。

5. ChatMoss(墙裂推荐)

image.png
无需翻墙,就能使用ChartGPT3.5-4,高速稳定。

6. GitHub Copilot

image.png
AI代码补全工具

7. git-commit-plugin

image.png
自动生成git commit的信息,具有emoji功能,规范了提交记录。

8. ESlint

image.png
ESlint可以发现代码中存在的错误和告警,从而规范代码,也支持自动修复问题。

9. Prettier

image.png
代码格式化插件,一般和ESlint一起使用,是对ESlint的增强。

10. Auto Close Tag

image.png
html元素自动补全工具。

11. Markdown Preview Enhanced

image.png
增强了对Markdown预览功能,支持实时预览,导出PDF等功能。

12. Svg Preview

image.png
支持对svg文件的预览。

13. Du I18N

image.png
国际多语言本地开发解决方案,能识别vue文件里的中文,并生成json。