vscode插件开发工具推荐

105 阅读1分钟

一.必备插件

1.同步关闭/修改tag -- Auto Close/Rename Tag

  • Auto Close Tag
  • Auto Rename Tag

2.格式化 -- Prettier

3.工作使用,查看代码提交记录/提交人员 -- git

  • Git Graph
  • Git History
  • GitLens

4.文件路径 -- Path Intellisense

5.报错高亮 -- Error Lens

二.效率工具

1.万能的chat老师 -- GitHub Copilot(付费)

2.js文件运行,逻辑计算时很有用 -- Code Runner

3.快速的自定义mylog -- Turbo Console Log

设置快捷键 ctrl+shift+l即可插入log,内容可自定义
console.log("mylog ~ history:", history);

4.中翻英 -- var-translate-en

还在用浏览器打开有道?使用shift+alt+v即可快速翻译

image.png

5.多开vscode改版颜色 -- Peacock

image.png

6.快速设置ts -- Template String Converter

使用$自动修改``符号

7.高亮颜色 -- Color Highlight

三.框架工具

1.Antd文档查看 -- Antd Rush

image.png

2.Tailwind提示 -- Tailwind CSS IntelliSense

image.png

四.可能有用的工具

1.幽灵注释(本地)

  • Ghost Note

用于本地代码行的注释工具
缺点:每行代码都会有工具图标,容易误触

image.png

2.文件备注 -- Super File Notes

用于文件功能注释

image.png

五.自用小工具

1.本地博客 -- MDBlog

可以与Markdown Preview Enhanced联合使用,自用于vscode记录本地分支功能

image.png

2.网易云 -- Cloudmusic

六.主题页面

1.暗黑主题 -- One Dark Pro

个人仅推荐这款主题

2.代码code -- 彩虹线条

有两种模式,背景和线条,可以自定义颜色

image.png

3. 文件主题 -- Material Icon Theme

image.png

4.摸鱼小宠物 -- vscode-pets

小家伙能跑能跳,可爱的

image.png