周五啦,提前祝大家周末愉快~ 今天分享3个软件开发新手必备插件,用于排除低级错误。
你是不是也这样?
打开VS Code,盯着屏幕发呆,不知道哪里写错了;
复制粘贴一行代码,格式乱得像老奶奶的毛线团;
写着写着发现变量名拼错了,回头一个个找……
新手写代码,效率低不全是技术问题——很多时候是工具没用对。
今天分享3个VS Code插件,装上就能感受到明显提升,特别适合刚入门的同学。
插件一:Prettier — 代码格式化神器
安装量:超过3500万,这数字本身就说明了问题。
Prettier做一件事,但做到极致:自动格式化你的代码。
不管你Tab还是空格、单引号还是双引号、行末加不加分号,保存一下,全部统一搞定。
为什么新手必装?
刚学代码的时候,很多人根本不知道「代码风格」这个概念。写出来的东西缩进混乱、括号位置不一,自己看着难受,给别人看更是灾难。
装了Prettier,保存即格式化,养成好习惯从第一天开始。
怎么用?
VS Code扩展商店搜索
Prettier - Code formatter,点安装打开设置(
Cmd/Ctrl + ,),搜索Format On Save,勾选开启完成,保存文件就自动格式化
// settings.json 推荐配置{"editor.formatOnSave": true,"editor.defaultFormatter": "esbenp.prettier-vscode"}
插件二:GitLens — 代码追溯利器"这行代码是谁写的?什么时候改的?为什么要这样写?"
刚入职或者接手别人项目的时候,这三个问题能把你问崩。GitLens帮你一行代码就看清历史。
核心功能
行内blame:鼠标悬停,直接显示这行代码是谁、什么时候提交的
文件历史:右键查看某个文件的完整修改记录
提交对比:两个版本的代码差异一目了然
实际场景
你在看一段逻辑,觉得写法很奇怪——GitLens一看,发现是3年前一个已经离职的同事提交的,commit message写着"临时修复,待优化"……
然后你就懂了。
安装方式
扩展商店搜索 GitLens — Git supercharged,安装即用,不需要额外配置。
插件三:Error Lens — 错误即时高亮
这个插件是真的救了很多新手。
普通VS Code遇到错误,会在问题面板里显示,或者代码下面画个红色波浪线——但你得把鼠标移过去才能看到提示。
Error Lens把错误信息直接显示在代码行末尾,不用移鼠标,一眼就看到错误在哪、是什么问题。
对比效果
安装前: 代码第15行有个红线,你要移过去看提示,提示说"找不到变量 name"
安装后: 第15行末尾直接显示红色文字 ❌ Cannot find name 'name'
改错误的速度直接提升一个档次。
安装方式
搜索 Error Lens,点安装,零配置开箱即用。
装完这3个,效率提升在哪?
| 场景 | 装前 | 装后 |
|---|---|---|
| 代码格式乱 | 手动一行行调整 | 保存自动搞定 |
| 找代码来源 | 翻git log慢慢查 | 鼠标悬停即看 |
| 发现错误 | 移鼠标才知道 | 行末直接显示 |
三个插件加起来不超过5分钟安装完,从今天开始,写代码不再是受罪。
最后说一句
工具只是助力,真正的提升还是靠持续练习。但好工具能让你把精力花在真正重要的地方,而不是浪费在排版和找错误上。
你有用得顺手的VS Code插件,评论区分享下,分享给需要的人

夜雨聆风