用了 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 通过使诊断更加突出来增强语言诊断功能,在语言生成诊断的地方突出显示整行,并在行内打印消息。
墙裂推荐!!!编码的小错误会被及时体现在代码后方,避免编译时候才发现小问题。
安装完毕后提示是英文,为了方便咱们中国人的阅读,有个简单的汉化方法:
- 打开 vscode settings
- 搜索 typescript locale
- 设置为 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