快捷键精通

掌握快捷键是提升编码效率的第一步。多光标编辑是VS Code最强大的功能之一:Option+Click添加光标,Option+Shift+I在选中行的每行末尾添加光标,Cmd+D选中下一个相同单词。多行编辑时,先选中代码块,按Option+Shift+拖动即可在每行相同位置添加光标。

命令面板Cmd+Shift+P)是操作枢纽,所有功能都可以通过它快速访问。Ctrl+Tab快速切换最近打开的文件,Cmd+P模糊搜索文件名,Cmd+Shift+O跳转到文件内的符号定义。

编辑器配置优化

settings.json是VS Code的灵魂。推荐配置:"editor.formatOnSave": true保存时自动格式化,"editor.codeActionsOnSave": {"source.fixAll": true}保存时自动修复。设置"workbench.colorTheme"选择护眼主题,"editor.minimap.enabled": false关闭迷你地图释放编辑空间。

工作区配置:项目根目录的.vscode/settings.json可以设置项目级别的配置,配合团队成员统一开发环境。例如设置Python解释器路径、格式化规则和排除搜索目录。

代码片段定制

代码片段(Snippets)减少重复输入。通过Cmd+Shift+P搜索"Configure User Snippets"创建。使用$1$2定义光标跳转位置,${1:default}设置默认值。常见用法包括React组件模板、Lodash导入语句和Console调试语句。

团队共享片段可以发布为VS Code扩展,或放在项目.vscode目录下通过JSON文件同步。

调试技巧

VS Code内置调试器支持多种语言。配置launch.json定义调试参数,使用断点、条件断点和日志点(Logpoint)进行精确调试。条件断点在特定条件满足时暂停,日志点不中断执行仅输出日志,适合生产环境调试。

Watch面板在调试过程中实时监控变量变化。Call Stack面板查看调用栈,配合Restart Frame可以重新执行当前函数而无需重启整个调试会话。

扩展推荐

日常开发必备:Error Lens将错误信息直接显示在代码行尾,GitLens提供强大的Git历史可视化,Prettier统一代码格式,ESLint实时检测JS/TS代码问题。远程开发场景使用Remote SSH插件直接在远程服务器编辑代码。

Terminal集成使用Cmd+J切换面板,支持多终端分屏。设置"terminal.integrated.defaultProfile.osx": "zsh"使用本地Shell配置。