VScode插件 7大类 全面提高你的生产力

直接上干货

注意⚠️: 排名不分先后, 按星级代表常用性

• 主题类

• 智能AI类

• 代码美化

• 代码质量检测

• 版本记录

• 远程/团队协作

• 效率提升

DIO

1.Draw.io Integration

MOCK && postMan

1.Thunder Client

THEME

1. one dark pro 🌟 页面代码样式控制
2. cobalt2 theme 🌟 面板、工具栏、终端样式控制

AI

1. gitbub co-poilt 🌟🌟🌟🌟 根据上下文自动编码
2. quokka.js 🌟🌟🌟 自动快捷计算,在编码阶段提示运算结果(类型console.log)

Code Perttier

1. perttier code 🌟🌟🌟 保存自动格式化、美化
2. auto close tag 🌟🌟🌟 自动标签闭合
3. auto rename tag 🌟🌟🌟 自动标签重命名
4. bracket pair colorizer 🌟🌟🌟 多级括号颜色区分, 高版本vscode已经内置该功能, 需手动开启设置
5. code spell checker 🌟🌟🌟 单词拼写错误校验

Code Quality Monitoring

1. eslint 🌟🌟🌟
2. sonarlint 🌟🌟🌟

Efficiency

1. bookmark 🌟🌟🌟 书签, 实现页面标记行之间快速跳转、定位(完美解决手动Scroll的痛楚)
   

2. css peek🌟🌟🌟 通过点击类名, 快速跳转至css样式声明的地方.支持跨文件、引用跳转
   

3. koroFileHeader 🌟🌟🌟 自动新增、修改文件注释, 快婕添加函数注释,函数参数可自动生成
   

版本记录

1. gitlens 🌟🌟🌟 编码行提示历史、当前操作人, 操作历史追踪
2. git history 🌟🌟🌟
   

远程/团队协作

1. live share 🌟 跨端, 实现团队内部协同编码(类似向日葵)

本地化服务

1. live server 🌟🌟 快速启动本地化端口服务