自用的,各位大神不喜勿碰,该列表前端开发范围。
插件列表
插件名称 | 插件作用 | 设置 |
---|---|---|
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文件显示模块当前版本和最新版本 |