46
前端 vscode 插件推荐
source link: https://blog.hhking.cn/2018/08/15/extensions-for-vsc/?amp%3Butm_medium=referral
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
工欲善其事,必先利其器
vscode 是开源的跨平台编辑器,前端开发利器,配合丰富的插件,更是如虎添翼,效率飞升。
这里推荐一些目前在用的 vscode 插件,适合前端开发者。
- Auto Close Tag
输入 HTML/XML 的开始标签,自动完成对应的闭合标签 - Auto Rename Tag
修改 HTML/XML 标签时,自动完成匹配标签的修改。修改标签非常方便。 - Prettier - Code formatter
使用 prettier 格式化 JavaScript / TypeScript / CSS 代码 - Beautify
美化 javascript, JSON, CSS, Sass, and HTML(和Prettier二选一) - Better Comments
让你的注释更加美观 - TODO Highlight
高亮 TODO, FIXME 注释,也可以自定义(和Better Comments可以二选一来使用) - Bookmarks
非常好用的书签功能 - Bracket Pair Colorizer
不同配对括号显示不同颜色,更容易识别 - Code Runner
在 vscode 里直接执行代码 - Code Spell Checker
拼写检查,可以避免很多 coding 过程中的拼写错误问题。强烈推荐! - Color Picker
取色工具,选择颜色的时候很方便 - https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome
使用 Chrome DevTools 调试 JavaScript,在 vscode 里直接打断点调试,调试 node 之类的非常方便 - GitLens — Git supercharged
非常强大的 git 扩展插件 - Guides
辅助线显示 - npm Intellisense
import npm modules 时候自动完成 - Path Intellisense
自动完成引用路径 - Project Manager
项目管理插件,方便保存项目,不同项目之间切换 - Settings Sync
方便通过 GitHub Gist 在不同设备之间同步 vscode 配置 - Subtle Match Brackets
为选中匹配的括号加上下划线,方便阅读 - SVG Viewer
SVG 预览 - vscode-fileheader
国产插件,自动生成文件头部信息,比如作者,创建时间,更新时间等,并且有会自动更新,非常实用。可惜是作者很久没更新了。 - One Dark Pro
非常漂亮的主题 - Material Theme
非常漂亮的主题 - vscode-icons
给你的文件添加好看的 icon
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK