好用的Vscode

用了 Vscode 好多年,从一开始开箱即用到现在慢慢地完善成为自己趁手的利器,我觉得有必要来建立一个文章长期完善更新我的武器。

效率插件

插件 yyds,一个谁都在用的工具想要变得更加适配,符合自己的插件必不可少!

Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

简单来说就是汉化包
虽然英文是咱们程序员的必备选项,但是开发时候一目了然的中文也会很舒坦~

Github Copilot

插件 Id
GitHub.copilot

王炸中炸,除了收费,被小墙外,没有什么太大的缺点。

Better Comments

插件 Id
aaron-bond.better-comments

这个真的相见恨晚,在我开发的前几年中,写注释还局限于//* //中,在开发的团队化越来越多时,一个好的注释能起到极大地作用(方便在回顾的时候知道当时是怎么拍脑门写的)

Code Spell Checker

插件 Id
streetsidesoftware.code-spell-checker

一个基本的拼写检查器,可以很好地处理代码和文档。
这个拼写检查器的目标是帮助捕捉常见的拼写错误,同时保持低误报的数量。
重要性不言而喻,来自祖国各地的小伙伴写的英文或许会被地方口音带跑偏,这时候就需要这个 Checker 来纠正回来。

Error Lens

插件 Id
usernamehw.errorlens

Error Lens 通过使诊断更加突出来增强语言诊断功能,在语言生成诊断的地方突出显示整行,并在行内打印消息。
墙裂推荐!!!编码的小错误会被及时体现在代码后方,避免编译时候才发现小问题。

安装完毕后提示是英文,为了方便咱们中国人的阅读,有个简单的汉化方法:

  1. 打开 vscode settings
  2. 搜索 typescript locale
  3. 设置为 zh-CN

好了,现在享受编程吧!

Prettier - Code formatter

插件 Id
esbenp.prettier-vscode
pretty 是一种支持自定义规则的代码格式化器。它通过解析代码并使用自己的规则重新打印代码来实现一致的风格,这些规则考虑到最大的行长,在必要时去格式化代码。
这个对于团队协作开发来说也非常重要,阅读别人的代码,如果格式不一致,看起来还是会有些费劲的。

Rainbow Brackets

插件 Id
2gua.rainbow-brackets

为圆形括号、方括号和弯曲括号提供彩虹色,这对于 JavaScript 的开发特别有用。
孤立的右括号将用红色突出显示。

React/Redux/react-router Snippets

插件 Id
discountry.react-redux-react-router-snippets
这种片段词展开的插件都挺好用的,只不过现在的框架是 React 语言体系下,日后在任何的体系下都可以通过Snippets去搜索。

Todo Tree

插件 Id
Gruntfuggly.todo-tree

这个扩展快速搜索(使用 ripgrep)工作空间的 comment 标签,如 TODO 和 FIXME,并在活动栏的树形视图中显示它们。视图可以从活动栏中拖到资源管理器窗格中(或者其他任何您喜欢的位置)。
单击树中的 TODO 将打开文件,并将光标放在包含该 TODO 的行上。
找到的 todo 也可以在打开的文件中突出显示。
在代码中也可以有不少提速,例如写了一半被叫走干别的,加上TODO回头来做。

Auto Import

插件 Id
steoates.autoimport

自动查找、解析并提供所有可用导入的代码操作和代码完成,使用 Typescript 和 TSX。

EditorConfig for VS Code

插件 Id
EditorConfig.EditorConfig

这个插件试图用.editorconfig 文件中的设置覆盖用户/工作区设置。不需要额外的或特定于 vcode 的文件。与任何 EditorConfig 插件一样,如果没有指定 root=true, EditorConfig 将继续在项目外部寻找. EditorConfig 文件。

此存储库特定于 Visual Studio Code 的 EditorConfig 扩展。在内部,它使用 editorconfig npm 包,这是少数可用的 editorconfig 核心之一。

这个没什么好说的,提升编辑器自定义程度的插件。

koroFileHeader

插件 Id
OBKoro1.korofileheader

这个只是有点好玩的插件:

简介
VSCode 插件: 用于一键生成文件头部注释并自动更新最后编辑人和编辑时间、函数注释自动生成和参数提取。

  • 插件可以帮助用户养成良好的编码习惯,规范整个团队风格。
  • 从 2018 年 5 月维护至今, 关闭 issue 500+ ,拥有 39.7w+的用户,VSCode 图表统计日均安装 200-500
  • 经过多版迭代后,插件支持所有主流语言,灵活方便,文档齐全,食用简单!
  • 觉得插件不错的话,就给个 Star⭐️ 吧~
    主要功能:
  • 自动生成文件头部注释,自动更新最后编辑人、最后编辑时间等。
  • 一键生成函数注释,支持函数参数自动提取并列到注释中。
  • 支持添加佛祖保佑永无 bug、神兽护体、甩葱少女等好玩有趣的图像注释
  • 配置非常灵活方便,各种细节都能配置,可以量身打造适合你的注释。
  • 支持所有主流语言, 配置文档非常详细,齐全。

外观

主题么喜欢的人因人而异,我就 mark 几个我喜欢的

Horizon Theme

插件 Id
jolaleye.horizon-theme-vscode
地平线,夕阳…… 下班看不见的,coding 可以看见。。。

Material Icon Theme

插件 Id
PKief.material-icon-theme

这个很好用,根据文件的类型修改 ICON,一目了然的感觉还是很棒滴

MonoLisa

是个字体

这个字体比常规字母宽了一些,看起来会比较舒服!

background

插件 Id
shalldie.background

在编辑器背景上面设置好老婆,编码愉悦+1

作者: 张熠
文章链接: https://crazyoctopusdan.github.io/2023/03/27/%E5%A5%BD%E7%94%A8%E7%9A%84Vscode/
Copyright Notice: All articles in this blog are licensed under CC BY-NC-SA 4.0 unless stating additionally.