乐于分享
好东西不私藏

软件开发新手必备 | 3个VS Code插件,让写代码效率翻倍

软件开发新手必备 | 3个VS Code插件,让写代码效率翻倍

周五啦,提前祝大家周末愉快~ 今天分享3个软件开发新手必备插件,用于排除低级错误。

你是不是也这样?

打开VS Code,盯着屏幕发呆,不知道哪里写错了;

复制粘贴一行代码,格式乱得像老奶奶的毛线团;

写着写着发现变量名拼错了,回头一个个找……

新手写代码,效率低不全是技术问题——很多时候是工具没用对

今天分享3个VS Code插件,装上就能感受到明显提升,特别适合刚入门的同学。

插件一:Prettier — 代码格式化神器

安装量:超过3500万,这数字本身就说明了问题。

Prettier做一件事,但做到极致:自动格式化你的代码

不管你Tab还是空格、单引号还是双引号、行末加不加分号,保存一下,全部统一搞定。

为什么新手必装?

刚学代码的时候,很多人根本不知道「代码风格」这个概念。写出来的东西缩进混乱、括号位置不一,自己看着难受,给别人看更是灾难。

装了Prettier,保存即格式化,养成好习惯从第一天开始。

怎么用?

  1. VS Code扩展商店搜索 Prettier - Code formatter,点安装

  2. 打开设置(Cmd/Ctrl + ,),搜索 Format On Save,勾选开启

  3. 完成,保存文件就自动格式化

// 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插件,评论区分享下,分享给需要的人