WEB资源网

最新鲜的WEB程序员技术文档及相关资源 – Happy Life, Happy Coding!

我的 Top 21 VS Code 插件

一个好的编辑器,可以很大程度的提高我们的效率。大家喜欢使用 Visual Studio Code,不仅因为它很快,更重要的是我们可以根据自己的喜好来定制它。VS Code 应用市场有成千上万的插件,这里列出来你不应该错误的 20 款插件。

主题

1、 Atom One Light 主题

2、Atom One Dark 主题

3、Material 主题

4、Snazzy Plus 主题

5、Material Icon 主题

效率

6、WakaTime

可以看到你在编程和构建上花费的时间 – 非常酷。

7、file-size

可以在状态栏看到当前文件的大小 – 非常有用。

8、Bracket Pair Colorizer 2

消除因括号太多而引起的混乱。

9、Auto Close Tag

为 HTML/XML 自动添加闭合标签,Sublime Text 也有同款插件。

10、Auto Rename Tag

自动重命名配对的 HTML/XML 标签 – 很简单,但是非常有效率。

11、CSS Peek

通过悬停图像查看 HTML 文件中相关的 CSS。避免了在 HTML 和 CSS 之间切换的所有麻烦!

12、Path Intellisense

自动完成文件名和路径,在大项目中不必为路径问题而苦恼。

13、Project Manager

通过这个插件,你可以在多个项目直接快速切换。

14、Live Server

当你进行 WEB 开发时不再需要刷新页面,Live Server 会在代码有变更时自动刷新浏览器。

15、Better Comments

通过 Better Comments ,你可以把注释分为:警告、疑问、TODO、高亮。

版本控制

16、GitLens

GitLens帮助您更好地理解代码。快速了解行或代码块更改的对象、原因和时间。回顾历史,进一步了解代码是如何以及为什么演变的。

17、Git History

显示提交历史的漂亮折线图,比较文件,提交等等!

美学

18、Prettier — Code Formatter

Prettier是一个非常棒的代码格式化插件。

19、Polacode-2020

为你的代码生成漂亮的截图。

Polacode

20、 carbon-now-sh

选中需要截图的代码,并运行 Carbon,你将会被重定向到 carbon.now.sh 并附带上你选择的代码。

image-20210106151524378

21、Settings Sync

现在您已经设置好了编辑器,是时候将所有内容同步到 GitHub 了,这样您就可以轻松地将首选项转移到另一台计算机上。玩得高兴!

作者
主站点:http://9iphp.com/ 个人简介:http://me.9iphp.com