VSCode高效开发技巧大全

VSCode高效开发技巧大全

Visual Studio Code是最受欢迎的代码编辑器，它的强大不仅在于开箱即用的功能，更在于丰富的扩展生态和高度可定制的快捷键系统。掌握这些技巧，可以让你的编码效率翻倍。

一、必备快捷键

# 文件导航
Ctrl+P          快速打开文件
Ctrl+Shift+P    命令面板
Ctrl+G          跳转到指定行
Ctrl+Tab        在打开的文件间切换
Ctrl+Shift+O    跳转到文件中的符号

# 编辑技巧
Alt+Up/Down     上下移动当前行
Shift+Alt+Up    向上复制当前行
Ctrl+D          选中下一个相同文本
Ctrl+Shift+L    选中所有相同文本
Ctrl+H          查找替换
Alt+Click       添加多光标

# 代码折叠
Ctrl+Shift+[    折叠
Ctrl+Shift+]    展开
Ctrl+K Ctrl+0   折叠所有
Ctrl+K Ctrl+J   展开所有

二、高效扩展推荐

# 代码质量
ESLint                    # JavaScript代码检查
PHP Intelephense          # PHP智能提示
Prettier                  # 代码格式化
EditorConfig              # 统一编码风格

# 开发效率
GitLens                   # Git增强
Auto Rename Tag           # 自动重命名HTML标签
Thunder Client            # API测试
Live Server               # 本地开发服务器

# 主题与外观
One Dark Pro              # 经典暗色主题
Material Icon Theme       # 文件图标主题
Indent Rainbow            # 彩虹缩进

三、工作区配置

// .vscode/settings.json
{
  "editor.fontSize": 14,
  "editor.tabSize": 4,
  "editor.formatOnSave": true,
  "editor.minimap.enabled": false,
  "editor.wordWrap": "on",
  "editor.bracketPairColorization.enabled": true,
  
  "files.autoSave": "afterDelay",
  "files.autoSaveDelay": 1000,
  
  "search.exclude": {
    "**/node_modules": true,
    "**/vendor": true
  },
  
  "[php]": {
    "editor.defaultFormatter": "bmewburn.vscode-intelephense-client",
    "editor.tabSize": 4
  },
  
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.tabSize": 2
  }
}

VSCode的强大远不止这些，每个人都可以根据自己的习惯打造最顺手的开发环境。关键是花时间学习和配置，短期的时间投入会换来长期的效率提升。