直接步入正题：

插件名称	功能
chinese	中文版VScode(需要ctrl+shift+p输入Configure Display Language切换语言然后重启)
live server	实时刷新浏览器
easy less	设置less转换css工具
Auto Close Tag	自动闭合标签
Auto Rename Tag	自动完成另一侧标签同步修改
CSS Peek	根据class或id等追踪样式表中的位置（按住CTRL键同时点击样式类的名称或者在类的名称上按F12键即可跳转到样式的定义）
HTML CSS Support	智能提示css类名以及id
indent-rainbow	清晰看到代码缩进颜色
Bracket Pair Colorizer	用颜色区分开花括号
Code Translate	代码英文翻译
vscode extension for ECharts	echarts代码提示
Vetur	识别vue文件，显示高亮
Image preview	可在项目中查看本地图片
Power Mode	打字特效
vue-helper	vue代码提示 ctrl点击路径进入对应vue组件智能补充elementui的代码
svn
Go
Power Mode
Vue Language Features(Volar)
Image preview
vue-helper
Color Highlight	将十六进制的颜色值直接显示在编辑器上
Material Theme Icons	图标扩展，让各类文件图标更美观且容易辨认

Power Mode插件settings.json配置

{
  //powser mode
  "powermode.enabled": true,
  //样式
  // 火焰
  // "powermode.presets": "flames",
  // 炸裂
  // "powermode.presets": "exploding-rift",
  // 爆炸
  // "powermode.presets": "simple-rift",
  // 粒子
  // "powermode.presets": "particles",
  // 烟花
  "powermode.presets": "fireworks",
  // 魔法
  // "powermode.presets": "magic",
  // 回形针
  // "powermode.presets": "clippy",
  // 时间间隔
  "powermode.comboTimeout": 0,
  // 抖动幅度
  "powermode.shake.intensity": 0
  // 随字体颜色变化
  // "powermode.backgroundMode": “mask",
}

settings.json配置

{
    "[vue]": {
        "editor.defaultFormatter": "Vue.volar"
    },
    "editor.inlayHints.enabled": "offUnlessPressed",
    "notebook.output.textLineLimit": 160,
    "explorer.confirmDelete": false,
    "explorer.confirmDragAndDrop": false,
    "workbench.editorAssociations": {
        "*.xml": "default"
    },
    "liveServer.settings.donotShowInfoMsg": true,
    "git.enableSmartCommit": true,
    "git.autorefresh": false,
    "git.autoRepositoryDetection": false,
    "git.enabled": false,
    "terminal.integrated.defaultProfile.windows": "Command Prompt",
    "notebook.editorOptionsCustomizations": {},
    "editor.formatOnType": true,
    "workbench.colorCustomizations": {},
    "volar.format.initialIndent": {
        "html": true
    },
    "vetur.completion.scaffoldSnippetSources": {
        "workspace": "💼",
        "user": "🗒️",
        "vetur": "✌"
    },
    "editor.indentSize": "tabSize",
    // powser mode
    // 是否开启
    "powermode.enabled": true,
    //样式
    // 火焰
    // "powermode.presets": "flames",
    // 炸裂
    // "powermode.presets": "exploding-rift",
    // 爆炸
    // "powermode.presets": "simple-rift",
    // 粒子
    // "powermode.presets": "particles",
    // 烟花
    "powermode.presets": "fireworks",
    // 抖动幅度
    "powermode.shake.intensity": 0,
    "powermode.combo.timeout": 0,
    "liveServer.settings.port": 5501,
    "editor.language.brackets": [],
    "go.gopath": "C:\\Users\\S\\go",
    "editor.tabSize": 2,
    "go.alternateTools": {},
    "go.delveConfig": {},
    "go.goroot": "",
    "go.languageServerFlags": [],
    "go.testTags": "",
    "liveServer.settings.ChromeDebuggingAttachment": false,
    "editor.codeActionsOnSave": {}
    // 随字体颜色变化
    // "powermode.backgroundMode": “mask",
}

补充：

1： Prettier - Code formatter插件，可以格式化代码，具体使用参考www.jb51.net/article/192…
还有另一种格式化代码，在VScode设置中搜索Format On Save
2： Vetur只能用于Vue2，Vue3请使用Vue Language Features (Volar)

VScode插件，配置

直接步入正题：

补充：