Appearance
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>
瓶子小-vscode