d8d48db7a5c2d4104092a6ee87e7c69c.png

「观感度: 」

「口味:菲力牛排」

「烹饪时间:5min」

本文已收录在前端食堂同名仓库Github github.com/Geekhyt,欢迎光临食堂,如果觉得酒菜还算可口,赏个 Star 对食堂老板来说是莫大的鼓励。

1.TODO Highlight

高亮显示你的 TODO、FIXME,支持自定义关键字和外观,可以起到良好的提示作用。

7021c5edb145af00431e4857031a12f8.png

2.Vetur + Prettier + ESLint

解决冲突后配合使用完美格式化代码,能交给机器做的一定要学会偷懒。

208829ac1c5d34d60c6ae4af8e05d062.png

fc010f125cdbd27de5d4c674ffeae8ca.png

a10b01b6ed53bf45a913bf2caae44d83.png

3.Highlight Matching Tag

实时高亮匹配标签,不用在 HTML 中眼花缭乱的找标签了。

3adc00c9cefa3d01f5dcb4e8bd930bfd.png

4.javascript console utils

快速生成 console.log() ,调试利器,妈妈再也不用担心你的指关节。

f5318a7d2010ba97f77e761772cea508.png

5.Code Runner

一键运行代码,支持很多语言。

3f5cee0ff987a7630fc0adfe6aa069d5.png

6.Comment Translate

插件使用 Google Translate API 翻译注释,功能强大,在看开源项目源代码的时候很有用(英文好的话请忽略)。

02c29428e9804f8ec18bb88d349ef025.png

7.Image preview

图片预览,可以在代码行号左侧槽位(或hover时)预览图片。

22d282492d7560e47c281fc20e8a6b93.png

8.Version Lens

显示包版本信息,在 package.json 中显示包最新版本等信息。

91383c2ae81d23dcffbc874b79673b34.png

9.vscode-pigments

实时显示css, sass, jsx中的颜色。

c2d8c8bec5e0bf5bc38a23e802be6d4d.png

10.Auto Close Tag

自动补全标签。

6a420ad84aa6a22a908f3e71c5b7c386.png

11.Auto Rename Tag

同步修改标签。

e1df35bac31360ca599d24c1cebbe52e.png

12.Bracket Pair Colorizer

不同颜色高亮显示匹配的括号。

7c3efa6cefed4b2adb88ab9fd996755e.png

13.Code Spell Checker

单词拼写检查。

f7d860e20d765e7ea8361b1e83539a2e.png

14.WakaTime

编程时间记录工具,在它的官网 Dashboard 中以图形化方式展示你的编程时间,让你更清晰的掌握你的时间都去哪了。

887aa6168ebe8e4969d035896fd2d9aa.png

bebc3358a571c0f7d42ff1286b466017.png
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐