本文参考自: 原文地址
VSCode拓展插件推荐(HTML、Node、Vue、React开发均适用)
相似功能的插件,不推荐全都装上,请挑选一个使用
本列表所有插件都经过本人测试,且认为相对好用,但是不代表不存在任何问题,大多数可能与编辑器版本或是插件版本有关
如不能使用,请尝试更新编辑器和插件。
插件列表
名称 | 简述 |
---|---|
Auto Close Tag | 自动闭合HTML标签 |
Auto Import | Typescript自动import提示 |
Auto Rename Tag | 修改HTML标签时,自动修改匹配的标签 |
Beautify css/sass/scss/less | css/sass/less格式化 |
Better Align | 对齐赋值符号和注释 |
Better Comments | 编写更加人性化的注释 |
Bookmarks | 添加行书签 |
Bracket Pair Colorizer | 用不同颜色高亮显示匹配的括号 |
Can I Use | HTML5、CSS3、SVG的浏览器兼容性检查 |
Code Runner | 运行选中代码段(支持大量语言,包括Node) |
Code Spellchecker | 单词拼写检查 |
CodeBing | 在VSCode中弹出浏览器并搜索,可编辑搜索引擎 |
Color Highlight | 颜色值在代码中高亮显示 |
Color Info | 小窗口显示颜色值,rgb,hsl,cmyk,hex等等 |
Color Picker | 拾色器 |
Dash | 集成Dash |
Debugger for Chrome | 调试Chrome |
Document This | 注释文档生成 |
ESLint | ESLint插件,高亮提示 |
EditorConfig for VS Code | EditorConfig插件 |
Emoji | 在代码中输入emoji |
File Peek | 根据路径字符串,快速定位到文件 |
Font-awesome codes for html | FontAwesome提示代码段 |
Git Blame | 在状态栏显示当前行的Git信息 |
Git History(git log) | 查看git log |
GitLens | 显示文件最近的commit和作者,显示当前行commit信息 |
Guides | 高亮缩进基准线 |
Gulp Snippets | Gulp代码段 |
HTML CSS Class Completion | CSS class提示 |
HTML CSS Support | css提示(支持vue) |
HTMLHint | HTML格式提示 |
htmltagwrap | 包裹HTML |
Import Cost | 行内显示导入(import/require& |