美文网首页
VSCODE 推荐插件

VSCODE 推荐插件

作者: 村南一枝花 | 来源:发表于2019-07-30 09:00 被阅读0次

自用的,各位大神不喜勿碰,该列表前端开发范围。

插件列表

插件名称 插件作用 设置
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文件显示模块当前版本和最新版本

相关文章

网友评论

      本文标题:VSCODE 推荐插件

      本文链接:https://www.haomeiwen.com/subject/nnzwrctx.html