Lv.10/100 XP

💡 实用技巧

这一页全是"老手默认你会,但没人告诉你"的操作。每条都有具体步骤,跟着做一遍就会了。

🪄 命令面板:万能入口

记不住快捷键没关系,只要记得命令面板 —— 想做什么就输入什么。

>换掉整个编辑器的颜色主
↑ 实际输入「主题」两个字,VSCode 就懂你想干嘛
  • 按 Ctrl+Shift+P 打开
  • 输入中文关键词,比如「主题」「终端」「缩放」
  • 回车执行 —— 不用记任何快捷键

🧘 禅模式:一键隐身所有干扰

侧边栏、终端、状态栏、菜单栏全部消失,只剩你和代码。

  • 按 Ctrl+K,松开,再按 Z(这叫"组合键")
  • 享受清净,写完想出来时连按两次 Esc

🪟 分屏:左边改,右边看

对比两个文件、边写 HTML 边看 CSS,都需要分屏。

  • 按 Ctrl+\\ 把当前文件 split 成左右两半
  • 把文件树里的文件直接拖到另一半,就能指定打开
  • 分屏不够用?再按一次 Ctrl+\\ 还能继续切

💾 自动保存:忘记 Ctrl+S 也没事

总忘保存?让 VSCode 替你记着。

  • Ctrl+Shift+P → 输入「自动保存」→ 回车
  • 标签上的小圆点 ● 从此基本消失
  • 进阶:设置里搜 format on save,保存时顺便自动排版

🍭 快速跳转:比 Ctrl+F 还快

想去哪个函数、哪个文件,名字敲一半就到。

  • Ctrl+P:按文件名跳文件
  • Ctrl+Shift+O:按函数/变量名跳位置
  • F12:光标放在函数上,直接跳到它的定义

🎨 换主题:好看的编辑器写得更快

深色、浅色、赛博朋克……主题能换心情,心情影响代码质量(真的)。

  • Ctrl+Shift+P → 输入「颜色主题」
  • 用 ↑↓ 键实时预览,回车确认
  • 试试搜索安装 One Dark Pro、Github Theme

🔮 多光标实战:一次改一百处

改名一个变量出现 20 次?别一个个改。

  • 光标放在词上,按 Ctrl+Shift+L 全选同名
  • 直接打字 —— 所有位置同时变
  • 或者按住 Alt 随手点几个位置,同样能同时编辑

🥚 冷知识彩蛋

几个可以拿去装 X 的小知识:

  • VSCode 的编辑器内核叫 Monaco,本网站页面里那些"迷你编辑器"就是它的亲戚
  • 命令面板输入 > 开头执行命令,去掉 > 直接变文件搜索 —— 一个框两用
  • 设置界面右上角有个小图标能打开 settings.json,所有图形设置本质都是改它