前端工程师必备的十大VS Code扩展

VS Code有各种各样的扩展,他们有代码调试相关的,代码格式相关的,各种开发技术(比如Github, Azure等等),以及IDE主题相关等等。本文,就罗列出2020年目前我最喜欢的10大扩展。

Turbo Console Log

前端工程师必备的十大VS Code扩展_第1张图片

 

这个扩展可以自动的写有意义的log,从而让调试变得很容易。

Quokka

前端工程师必备的十大VS Code扩展_第2张图片

这个扩展可以在VS Code里面测试Javascript的代码,而不需要把它check in到浏览器中。具体的参考上面的链接。

Prettier

前端工程师必备的十大VS Code扩展_第3张图片

这是一个非常流行的插件,有超过400万的下载量。他可以显示Javascript代码的格式,高亮关键字等等。当然VS Code中还有别的类似的插件,比如比较流行的beautify。

Live Server

前端工程师必备的十大VS Code扩展_第4张图片

这个工具可以为你的页面创建一个本地的开发服务器。你只需要点击一个任务栏上的按钮,就可以把你的代码作为开发服务器来运行。同时他还可以支持实时加载,你只要保存了修改,那么就可以看到相关的内容被加载了。

GitLens

前端工程师必备的十大VS Code扩展_第5张图片

有了这个扩展之后,你可以在VS环境下得到所有git相关的信息,你可以commit logs,看file的history等等,这无疑会节省很多时间。

Polacode

前端工程师必备的十大VS Code扩展_第6张图片

 

这个扩展是用来获取代码片段截图的,有了这个扩展之后,你可以非常方便地复制和黏贴代码截图。

Vscode-icons

前端工程师必备的十大VS Code扩展_第7张图片

这个扩展可以把你icons假如到你的 VS Code

Open in browser

前端工程师必备的十大VS Code扩展_第8张图片

这个插件运行你用默认的浏览器打开当前的文件,而不仅仅是HTML文件了。

Eslint

前端工程师必备的十大VS Code扩展_第9张图片

他是用来对你的Javascript和jsx进行检查的工具。目前大概是下载最多的扩展之一了,有一千多万的下载量。

Markdown preview enhanced

前端工程师必备的十大VS Code扩展_第10张图片

 

他是一个用来支持markdown的扩展工具,大概是写文本的不可或缺的工具。他有很多功能,比如数学排版,PDF导出,自动滚动同步等等。非常好用。

 

好了,这就是我今天要给大家推荐的十大VS Code扩展工具了,希望大家喜欢。

更多原创,敬请关注微信公众号,每日更新业界最新资讯:

欢迎访问个人小站:www.donggeitnote.com

你可能感兴趣的:(前端开发,VS,CODE)