常用VSCode插件归类

790 阅读2分钟

为了提高我们的开发效率,vscode插件是必不可少的。

vscode-icons

一款添加文件 icon 的插件,让你的 vscode 更美观。

icons.gif

插件地址:vscode-icons

Atom One Dark Theme

一款 vscode 主题插件

png

插件地址:Atom One Dark Theme

Project Manager

添加文件管理,对于多个项目可以直接添加到管理中

png

Vetur

一款识别,高亮 .vue 文件的插件。

插件地址:Vetur

ESLint

eslint 应该就不用做过多介绍了,懂得人都懂。ESLint 插件就是使我们的 vscode 支持 ESLint 代码格式化,将 ESLint 集成到 VS Code 中。

插件地址:ESLint

Prettier

Prettier 是一个代码格式化程序。它通过解析您的代码并使用自己的规则重新打印它来强制执行一致的样式,这些规则将最大行长度考虑在内,并在必要时包装代码,一般是和 ESLint 组合使用。

插件地址:Prettier

filesize

查看选中文件的大小。

size.png

插件地址:filesize

Auto Rename Tag

自动修改闭合标签。

usage.gif

插件地址:Auto Rename Tag

Local History

用于维护文件本地历史记录的可视化源代码插件。

每次修改文件时,都会在本地历史记录中保留一份旧内容的副本。 您可以随时将文件与历史记录中的任何旧版本进行比较。 当您不小心更改或删除文件时,它可以帮助您。 当您的工作区出现灾难性问题时,历史记录还可以帮助您解决问题。 每个文件修订都存储在工作区目录的 .history 文件夹内的一个单独文件中。

1ee0590eb562be3b0be31f5c77cbf77.png

插件地址:Local History

Partial Diff

帮我们对比两段代码的差异,将不同部分高亮显示出来。

public.gif

插件地址:Partial Diff

GitLens

GitLens 可以帮助您更好地理解代码。 快速了解更改行或代码块的人、原因和时间。 回顾历史,以进一步了解代码如何以及为何演变。 轻松探索代码库的历史和演变。

revision-navigation.gif

插件地址:GitLens

TODO Tree

此插件能查找工作区文件中的 TODOFIXME 等注释标签,并将它们显示在资源管理器窗格的树视图中。 单击树中的 TODO 将打开文件并将光标放在包含 TODO 的行上。

找到的待办事项也可以在打开的文件中突出显示。

screenshot.png

插件地址:TODO Tree

未完待续。。。