一.必备插件
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即可快速翻译
5.多开vscode改版颜色 -- Peacock
6.快速设置ts -- Template String Converter
使用$自动修改``符号
7.高亮颜色 -- Color Highlight
三.框架工具
1.Antd文档查看 -- Antd Rush
2.Tailwind提示 -- Tailwind CSS IntelliSense
四.可能有用的工具
1.幽灵注释(本地)
- Ghost Note
用于本地代码行的注释工具
缺点:每行代码都会有工具图标,容易误触
2.文件备注 -- Super File Notes
用于文件功能注释
五.自用小工具
1.本地博客 -- MDBlog
可以与Markdown Preview Enhanced联合使用,自用于vscode记录本地分支功能
2.网易云 -- Cloudmusic
六.主题页面
1.暗黑主题 -- One Dark Pro
个人仅推荐这款主题
2.代码code -- 彩虹线条
有两种模式,背景和线条,可以自定义颜色
3. 文件主题 -- Material Icon Theme
4.摸鱼小宠物 -- vscode-pets
小家伙能跑能跳,可爱的