作为一个前端开发觉得好用的vscode插件

样式

vscode-icons // 文件前面的图标
Dracula Official // 主题样式
Power Mode // 输入特效（可能会影响性能）

样式提示

indent-rainbow // 缩进有颜色
Color Highlight // 颜色代码显示对应颜色
Bracket Pair Colorizer // 同组括号同色
Highlight Matching Tag // 高亮同组标签

注释

koroFileHeader // 生成头部注释或方法注释

自动补全 联想

Auto Close Tag // 自动补全结束标签
Auto Import // 自动联想引用路径
Auto Rename Tag // 修改标签名自动更改对应结束或开始标签
TabNine // 根据输入记录联想
Path Autocomplete
Path Intellisense // 自动显示下级文件夹或文件

html文件运行

Preview on Web Server // 在html文件中右键有vscode-preview-server: xxxxx

git历史信息

GitLens — Git supercharged // 聚集到某行代码可以看到上次修改提交者git名

代码简写片段

ES7 React/Redux/GraphQL/React-Native snippets
JavaScript (ES6) code snippets
JavaScript Snippet Pack
HTML Snippets

html模板

HTML Boilerplate

代码格式化

formate: CSS/LESS/SCSS formatter // 格式化样式文件
ESlint // settings.json中配置后格式化出符合eslint标准的代码