Skip to content

IDE 集成配置

⚠️ 重要提示:这部分是可选的高级配置前置条件:Hello World验证必须成功,否则别急着配置IDE!

VS Code 集成

配置集成终端

这是什么? "集成终端"就是编辑器下方那个黑框框(或白框框),用来运行命令的地方。

配置方法: 打开设置(Ctrl/Cmd + ,),点击右上角"打开设置(JSON)",添加:

json
{
  // Windows用户 → 用PowerShell
  "terminal.integrated.defaultProfile.windows": "PowerShell",

  // Mac用户 → 用zsh
  "terminal.integrated.defaultProfile.osx": "zsh",

  // Linux用户 → 用bash
  "terminal.integrated.defaultProfile.linux": "bash"
}

创建VS Code任务(推荐)

这是什么? "任务(Task)"就是把常用命令做成一键按钮。

操作方法: 在项目根目录创建 .vscode/tasks.json:

json
{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "Claude Code: 启动交互模式",
      "type": "shell",
      "command": "claude",
      "problemMatcher": [],
      "presentation": {
        "echo": true,
        "reveal": "always",
        "focus": true,
        "panel": "dedicated",
        "clear": true
      }
    },
    {
      "label": "Claude Code: 审查当前文件",
      "type": "shell",
      "command": "claude \"Review ${relativeFile} and suggest improvements\"",
      "problemMatcher": []
    },
    {
      "label": "Claude Code: 解释当前文件",
      "type": "shell",
      "command": "claude \"Explain what ${relativeFile} does\"",
      "problemMatcher": []
    }
  ]
}

使用任务:

  1. Ctrl+Shift+P 打开命令面板
  2. 输入 Tasks: Run Task
  3. 选择要执行的任务

配置快捷键(可选)

keybindings.json 中添加:

json
[
  {
    "key": "ctrl+shift+c",
    "command": "workbench.action.tasks.runTask",
    "args": "Claude Code: 启动交互模式"
  },
  {
    "key": "ctrl+shift+r",
    "command": "workbench.action.tasks.runTask",
    "args": "Claude Code: 审查当前文件"
  },
  {
    "key": "ctrl+shift+e",
    "command": "workbench.action.tasks.runTask",
    "args": "Claude Code: 解释当前文件"
  }
]

Cursor 编辑器集成

Cursor是什么? Cursor是基于VS Code魔改的AI编辑器,自带AI助手。

Cursor独特优势:

  • ✅ 内置AI对话面板(不用切换工具)
  • ✅ AI代码补全(边写边提示)
  • ✅ 与Claude Code互补而非冲突

💡 重要提示:Cursor的所有配置和VS Code完全相同

打开设置文件的方法:

方法 A:用命令面板打开(最推荐)

  1. Ctrl + Shift + P
  2. 输入:open user settings
  3. 选择:Preferences: Open User Settings (JSON)

方法 B:直接打开文件路径

Windows:

C:\Users\你的用户名\AppData\Roaming\Cursor\User\settings.json

Mac:

~/Library/Application Support/Cursor/User/settings.json
最近更新