最爱的文本编辑器_VS Code——插件推荐整理

VS Code 是我用起来最舒服的一款编辑器,比起对pycharm的使用,它显得轻级的多的多。好的插件不仅能提高你的生产力,还可以提高你对代码的激情 ( (∩_∩) ) :
在读芯术公众号中看到一篇介绍到的VScode插件,现在整理一下发出来分享:

整理如下:


1 . WakaTime

https://marketplace.visualstudio.com/items?itemName=WakaTime.vscode-wakatime
简单来说就是这款插件可以记录你的所有编程活动:你每天花多长时间写代码,你正在做的所有项目,你使用的所有编程语言,你对每门语言的熟练程度等等。

这一点太绝了!它还能根据你的编程活动做出漂亮的图表,长这样:

在这里插入图片描述

2 . LiveServer

链接:https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

用live server打开页面就可以省去你每次做完调整后重新更新的烦恼,谁能不爱呢?

在这里插入图片描述
3. PathIntellisense

链接:https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

无论是导入依赖项,在HTML文档中添加图像,还是在HTML文件中附加JS脚本或链接CSS文档,我们始终需要将路径放置到文件中。
这款插件能自动补全路径:

在这里插入图片描述

4 . AutoClose Tag

链接:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

在这里插入图片描述

5.Markdownlint

链接:https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint

在GitHub上随意打开一个开源项目,你会发现它们中的大部分都有的一个共同特点就是入门手册README.md的文档格式乱七八糟不统一。

Markdown插件的标记语言旨在易于阅读、编写和理解。它成功做到了这一点,不过它的灵活性既是它的优点也是它的缺点。因为有多种格式,因此可能会出现格式不统一。有些在所有解析器中都无法正常运行的格式应当避免使用。

markdownlint是一款VisualStudio Code扩展插件,内含一套提高Markdown文档标准性与一致性的规则包。

6.Markdown Preview Enhanced

链接:https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced

你是不是已经放弃使用ms-word等软件而选择使用markdown制作文本文档?安装这款插件后再看看你的markdown:

在这里插入图片描述
在这里插入图片描述

7 . AutoRename Tag

链接:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

最后一款插件是auto rename tag。
从它的名字就能看出来如果你想修改标签,它就能自动修改已经关闭的标签

8.Prettier — Code Formatter

链接:https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

人们总是为缩进2个空格还是4个空格而争执不休,还有人缩进8个空格的,这个操作真是令人迷惑啊兄弟?!而你总得把其中一个转换成另一个格式。不要再去一行行手动添加或删除空格了,用这款插件就能搞定。

或者考虑另一种情况,你从网上搞到一段代码或者是你朋友写了一段代码,你发现不是每行代码都有缩进,你该怎么办呢?打算手动修改吗?直接用这款插件就可。

Prettier是一款“有主见的”代码格式化工具。它通过解析代码并根据自己的规则(会考虑最大行长)重新打印代码使代码风格保持一致,在必要时会打包代码。

9.Rainbow Brackets

链接:https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brackets

不同颜色的括号看起来特别特别酷炫。
这款插件为圆括号、方括号以及花括号提供彩虹颜色,对Lisp、Clojure、JavaScript等程序员极其有用。
在这里插入图片描述
在这里插入图片描述
10.vscode-styled-components

链接:https://marketplace.visualstudio.com/items?itemName=jpoissonnier.vscode-styled-components

VS Code Styled Components是一款超级厉害的语法高亮和智能感知插件。


以上是个人安装的插件
转载自:
https://codeburst.io/vs-code-extensions-that-make-me-fall-love-in-programming-each-day-ccf05b24651e

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章