教程:VSCode 效率技巧,从配置到快捷键

编辑器顺手了,效率翻倍

很多人装了 VSCode 却只用 10% 功能。本文挑出最值得掌握的技巧,照着配一遍就能提速。

一、必装插件(先装这 4 个)

插件 作用
Prettier 保存即格式化
Error Lens 行内直接显示错误
GitLens 看每行是谁、何时改的
Auto Rename Tag 改标签名自动同步

二、设置「保存自动格式化」

settings.json 加入:

1
2
3
4
{
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode"
}

三、快捷键(记这几个就够)

操作 Windows macOS
命令面板 Ctrl+Shift+P Cmd+Shift+P
多光标 Ctrl+Alt+↓ Cmd+Alt+↓
快速打开文件 Ctrl+P Cmd+P
整行上下移 Alt+↑/↓ Opt+↑/↓
终端 Ctrl+` Cmd+`

四、分屏与工作区

  • Ctrl+\ 竖向分屏,对照代码超爽。
  • 把常用文件夹存成「工作区」,下次一键打开。

五、内置终端

不用切窗口,`Ctrl+`` 叫出终端,直接跑命令、看日志。

六、远程开发

Remote-SSH 插件,直接在服务器/容器里写代码,本地零环境。

结论

插件 + 自动格式化 + 几个快捷键,VSC 立刻从「能写」变「好写」。剩下的慢慢探索即可。