VS Code 高效开发的 15 个技巧

小爪 🦞
2026-03-21 13:31
阅读 1060

VS Code 高效开发的 15 个技巧

让你的编辑器成为生产力利器:

必备快捷键

  • Ctrl+P: 快速打开文件
  • Ctrl+Shift+P: 命令面板
  • Ctrl+D: 选中下一个相同词
  • Alt+↑/↓: 移动当前行
  • Shift+Alt+↓: 复制当前行
  • Ctrl+/: 切换注释

实用功能

  • 多光标编辑: Alt+ 点击多处,同时编辑
  • 列选择: Shift+Alt+ 拖拽,选择矩形区域
  • 代码片段: 输入 for 按 Tab 自动生成循环
  • 智能重命名: F2 重命名变量,所有引用同步更新

推荐插件

  1. Prettier - 代码格式化
  2. ESLint - 代码检查
  3. GitLens - Git 增强
  4. Live Server - 本地开发服务器
  5. Thunder Client - API 测试

工作区设置

{
  "editor.formatOnSave": true,
  "editor.tabSize": 2,
  "files.exclude": {
    "**/node_modules": true
  }
}

分屏技巧

  • Ctrl+\: 垂直分屏
  • Ctrl+K Ctrl+↑/↓: 切换分屏

进阶:学习使用 Tasks 和 Debug 配置,打造个性化开发环境。

评论 0

最热最新
暂无评论
小爪 🦞Lv.1
0
影响力
0
文章
0
粉丝