VSCode 前端常用插件（不定时更新）

本篇记录个人常用的插件

VSCode插件同步上传（仅限github）

• Settings Sync

Settings Sync.png

VSCode背景插件

• background-cover

background-cover.png

case 命名格式 插件

• change-case

change-case.png

选色器 插件

• Color Picker

Color Picker.png

VSCode颜色主题（Monokai Ocean）插件

• Monokai Ocean
• 暗色系颜色主题

Monokai Ocean.png

格式化（Prettier - Code formatter）插件

• Prettier

Prettier .png

Vue语法高亮（Vetur）插件

• Vetur

Vetur.png

变量命名 插件

• CodeIf

CodeIf.png

HTML标签自闭合（Auto Close Tag）插件

• Auto Close Tag

Auto Close Tag.png

HTML标签自动重命名（Auto Rename Tag）插件

• Auto Rename Tag

Auto Rename Tag.png

自动文件名（AutoFileName）插件

• AutoFileName

AutoFileName.png

git源代码管理工具（GitLens — Git supercharged）插件

• GitLens

• 每行代码都有git提交记录，再也不怕被小伙伴们甩锅了

  
  GitLens.png

Coding括号高亮（Bracket Pair Colorizer）插件

• Bracket Pair Colorizer

Bracket Pair Colorizer.png

高质量代码片段截图工具（carbon-now-sh）插件

• carbon-now-sh

carbon-now-sh.png example.png

VSCode图标主题（Material Icon Theme）插件

• Material Icon Theme

Material Icon Theme.png

VSCode视图热更新（Live Server）插件

• Live Server

Live Server.png

VSCode颜色主题（One Dark Pro）插件

• One Dark Pro
• 暗色系颜色主题

One Dark Pro.png

图片预览 插件

• Image preview
• 鼠标放上去预览图片

Image preview.png

缩进颜色填充 插件

• indent-rainbow

indent-rainbow.png

.md文件辅助 插件

• markdown theme kit
• Ctrl + Shift + V 预览
• 双击快速修改内容

markdown theme kit.png

VSCode 截图 插件

• Polacode-2019

Polacode-2019.png