主题
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": []
}
]
}使用任务:
- 按
Ctrl+Shift+P打开命令面板 - 输入
Tasks: Run Task - 选择要执行的任务
配置快捷键(可选)
在 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:用命令面板打开(最推荐)
- 按
Ctrl + Shift + P - 输入:
open user settings - 选择:Preferences: Open User Settings (JSON)
方法 B:直接打开文件路径
Windows:
C:\Users\你的用户名\AppData\Roaming\Cursor\User\settings.jsonMac:
~/Library/Application Support/Cursor/User/settings.json