Skip to content
  • eslint (opens new window)eslint(必须安装)

  • stylelint (opens new window)stylelint(必须安装)

  • Prettier - Code formatter (opens new window)代码自动格式化(必须安装

  • Vetur (opens new window)vue 开发必备(必须安装) 使用版本 Vetur v0.36.1

  • Auto Import (opens new window)import 引入自动补全(推荐安装)

  • Import Cost (opens new window)查看你引入的依赖模块大小(推荐安装)

  • Auto Close Tag (opens new window)自动补全 html 标签(推荐安装)

  • Auto Rename Tag (opens new window)自动重命名 html 标签(推荐安装)

  • vscode-element-helper (opens new window)element 开发必备(推荐安装)

  • docthis (opens new window)注释插件(可不安装)

  • One Monokai Theme (opens new window)vscode 主题包(可不安装)

  • Git History (opens new window)查看 git 提交历史(可不安装)

  • Live Server (opens new window)打包项目可直接预览(可不安装)

  • Svg Preview (opens new window)svg 查看器(可不安装)

  • 别名路径跳转(按下 ctrl 点击@开头的链接可跳转到指定文件)

// 路径映射,/表示项目根目录,示例
    "alias-skip.mappings": {
      "@":"/src"  // 默认只有`@`映射,映射到`/src`,你可以添加更多映射,映射路径必须以`/`开头
        // ...更多映射关系
    }
  • Document This(JS、TS 注释插件)
函数上方,在文件中,连按两次Ctrl+Alt+D,根据函数中的参数生成注释头在函数上方
或者在要加入注释的函数上方输入/**,然后在弹出的提示中选择Document This即可
  • JsonComments 可在 package.json 中写注释
用于查看不同系统风格系统的注释详情意思;
  • Form Generator Plugin (Element UI 可视化表单设计及代码生成器)

  • Color Highlight (CSS 样式不管在哪都有颜色提示)

  • AutoScssStruct4Vue (右击 autoScssStruct 会生成如下代码) 提示:只能在 vue 文件中使用

/* 根据 HTML 中的类自动生成 SASS CSS 的类名结构 */
<style lang="scss" scoped>
.a12 {
}
</style>