自用的,各位大神不喜勿碰,该列表前端开发范围。
插件列表
| 插件名称 | 插件作用 | 设置 |
|---|---|---|
| markdownlint | 对markdown代码进行标记和样式检查 | |
| markdown-preview-enhanced | 预览markdown | |
| open in browser | 对html快速预览打开浏览器 | |
| Bracket Pair Colorizer | 给嵌套的各种括号加上不同的颜色 | |
| settings sync | 远程github备份vscode配置 | |
| atom keymap | 绑定atom的按键设置 | |
| Highlight Matching Tag | 高亮对应的 HTML 标签和标识出对应的各种括号的功能 | |
| Auto Rename Tag | 自动修改匹配的 HTML 标签 | |
| Auto Close Tag | 自动闭合匹配的 HTML 标签 | |
| color highlight | 显示颜色 | |
| npm Intellisense | npm插件智能提示 | |
| Path Intellisense | 路径智能路径提示 | |
| stylelint | CSS / SCSS / Less 语法检查 | |
| excel viewer | excel 查看 | |
| svg viewer | svg 查看 | |
| log viewer | log 查看 | |
| yaml viewer | yaml 查看 | |
| todo tree | 查看已记录的todo | |
| todo highlight | 高亮todo | |
| Web Page Boilerplate | 快速生成响应式模板页 | |
| html Boilerplate | 生成html页面 | |
| vue peek | 定位vue文件 | |
| css peek | 定位样式 | |
| file peek | 定位文件 | |
| vetur | vue 插件 | |
| vue css peek | vue文件定位css | |
| css-auto-prefix | 自动添加 CSS 私有前缀。 | |
| Turbo Console Log | 快捷添加 console.log,一键 注释 / 启用 / 删除 所有 console.log。 | |
| GitLens | 详细的 Git 提交日志。 | |
| git history | 查看git日志、文件历史记录、比较分支或提交 | |
| git blame | 查看状态栏中的git责备信息 | |
| code if | CodeIf 是一个用来给变量命名的网站 | |
| carbon-now-sh | 将代码分享为图片(图片的格式可以为 png 和 svg) | |
| CSScomb | 梳理 CSS 属性顺序的 “梳子” | |
| Prettier | 代码格式化 | |
| change-case | 转换命名风格。 | |
| Beautify | 代码格式化 | |
| ESLint | ESLint 是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码。 | |
| Debugger for Chrome | 前端开发必备 | |
| Code Runner | 万能语言运行环境 | |
| Document This | 快速注释 | |
| IntelliSense for CSS class names in HTML | CSS 类名智能提示 | |
| Code Spell Checker | 代码拼写检查 | |
| HTML Snippets | HTML代码片段 | |
| Better Comments | 让你的注释更加美观 | |
| Color Picker | 取色工具 | |
| Subtle Match Brackets | 为选中匹配的括号加上下划线,方便阅读 | |
| koroFileHeader | 在vscode中用于生成文件头部注释和函数注释的插件,经过多版迭代后,插件:支持所有主流语言,功能强大,灵活方便,文档齐全,食用简单! | |
| HTMLHint | 语法检测html | |
| HTML CSS Support | html文件里的css语法补全 | |
| MySQL | 变成mysql客户端 | |
| MySQL syntax | MySQL 语法检测 | |
| DotENV | 让你灰蒙蒙的.env文件语法高亮 | |
| VS Code JavaScript(ES6) snippets | 为 JavaScript、TypeScript、HTML、React 和 Vue 提供了 ES6 的语法支持 | |
| Babel JavaScript | babel插件,语法高亮 | |
| Babelrc | .babelrc文件高亮提示 | |
| Beautify css/sass/scss/less | css/sass/less格式化 | |
| Better Align | 对齐赋值符号和注释 | |
| Color Info | 小窗口显示颜色值,rgb,hsl,cmyk,hex等等 | |
| Electron Color Theme | 主题 | |
| filesize | 文件大小 | |
| gitignore | gitignore语法 | |
| Import Beautify | import 格式化 | |
| Import Cost | 行内显示导入(import/require)的包的大小 | |
| JS Refactor | 代码重构工具,提取函数、变量重命名等等 | |
| Partial Diff | 对比两段代码或文件 | |
| Output Colorizer | 彩色输出信息 | |
| Path Autocomplete | 路径完成提示 | |
| Version Lens | package.json文件显示模块当前版本和最新版本 |