精选VS Code高频插件,让你多陪陪npy!

2020年11月29日 209点热度 0人点赞 0条评论

(给前端大全加星标,提升前端技能

作者:前端食堂 公号 / 霍语佳

「观感度:?????」

「口味:菲力牛排」

「烹饪时间:5min」

1.TODO Highlight

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

图片

2.Vetur + Prettier + ESLint

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

3.Highlight Matching Tag

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

4.javascript console utils

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

图片

5.Code Runner

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

图片

6.Comment Translate

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

图片

7.Image preview

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

图片

8.Version Lens

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

图片

9.vscode-pigments

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

图片

10.Auto Close Tag

自动补全标签。

图片

11.Auto Rename Tag

同步修改标签。

图片

12.Bracket Pair Colorizer

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

图片

13.Code Spell Checker

单词拼写检查。

图片

14.WakaTime

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

图片

推荐阅读  点击标题可跳转

1、萌妹子语音陪你写代码,一个神奇的 VSCode 插件

2、21 个VSCode 快捷键,让代码更快,更有趣

3、postMessage 还能这样玩


觉得本文对你有帮助?请分享给更多人

推荐关注「前端大全」,提升前端技能

图片

点赞和在看就是最大的支持❤️

69510精选VS Code高频插件,让你多陪陪npy!

这个人很懒,什么都没留下

文章评论