Grok Build VS Code Demo
可运行的 VS Code 侧边栏聊天 Demo:扩展只做前端,后端是本机 grok agent stdio(ACP)。
一键安装(本机)
cd /Users/liyunfu/Documents/vscode-grok
npm install
npm run compile
npm run vsix
code --install-extension ./vscode-grok-0.1.0.vsix --force
# 扩展 ID: fimcode.vscode-grok
装好后:
- 打开任意文件夹作为工作区
- 点左侧活动栏 Grok 图标
- 输入问题,例如:
用一句话介绍当前项目
前提:本机已安装并登录过 Grok CLI:
grok --version
# 若未登录:在终端运行一次 grok,按提示浏览器授权
开发调试
cd /Users/liyunfu/Documents/vscode-grok
npm install
npm run compile
code .
# F5 → Run Extension
架构
VS Code Webview 聊天 UI
│
│ ACP JSON-RPC (stdio)
▼
grok agent stdio ← 本机 Grok Build CLI
设置
| 设置 |
默认 |
说明 |
vscodeGrok.binaryPath |
grok |
CLI 路径;会自动探测 ~/.local/bin/grok 等 |
vscodeGrok.model |
空 |
可选模型 ID |
vscodeGrok.alwaysApprove |
true |
Demo 默认自动批准工具 |
vscodeGrok.extraArgs |
[] |
额外 CLI 参数 |
命令
Grok: Open Chat
Grok: New Session
Grok: Cancel Current Turn
Grok: Send Selection to Chat(编辑器右键)
发布到 Marketplace(可选)
- 把
package.json 的 publisher 改成你的 Publisher ID
- Azure DevOps 创建 PAT(Marketplace → Manage)
vsce login <publisher> → vsce publish
本地 Demo 不需要上架 Marketplace,装 VSIX 即可。
License
MIT
| |