Bracket Pair Colorizer

作用：彩虹括号插件

Code Runner

作用：直接运行html代码段

VSCode常用插件_html

效果图

VSCode常用插件_补全_02

ESLint

javascript代码检测工具

HTML CSS Support

在编写样式表的时候，自动补全功能

JavaScript (ES6) code snippets

es6语法自动检测

Live Server

可运行热更新 代码, 无需手动刷新浏览器

open in browser

直接打开html页面进行浏览，在写demo的时候也用到。

VSCode常用插件_html_03

Vetur

作用：代码提示，高亮，但是还需要关闭代码检测，不然好多不是很规范的代码会报红线。看着烦人。但是好像没效果

VSCode常用插件_git_04

vscode-elm-jump

快速跳转到定义

vscode-icons

文件图标改变，以下是效果

VSCode常用插件_代码提示_05

vueHelper

vuex代码提示

Vue 3 Snippets

这是一款在 Vue 2 或者 Vue 3 开发中提供代码片段，语法高亮和格式化的 VS Code 插件，能极大提高你的开发效率。

configure language

界面汉化

koroFileHeader

头文件注释

快捷键

  • 头部快速注释：Ctrl + Alt + i
  • Ctrl + Shift + p 输入 code ，可搜索网上神奇注释，如：启动项目的时候有个佛祖头像 永无BUG 之类的。

VSCode常用插件_代码提示_06

Kite AI Code AutoComplete

AI补全代码，增加编码速度

VSCode常用插件_html_07

Git

GitLens