docs(readme): 添加 VS Code 扩展相关信息

- 在主 README 中添加 VS Code 扩展部分,介绍扩展的功能和用途
- 更新 VS Code 扩展的 README,详细说明调试和开发指南
- 优化扩展开发流程说明,提供两种调试选项
This commit is contained in:
yiliang114
2025-11-20 10:41:23 +08:00
parent 8cb7ea0d3d
commit 805e5f92c1
2 changed files with 29 additions and 8 deletions

View File

@@ -88,6 +88,12 @@ npm install -g .
brew install qwen-code brew install qwen-code
``` ```
## VS Code Extension
In addition to the CLI tool, Qwen Code also provides a **VS Code extension** that brings AI-powered coding assistance directly into your editor with features like file system operations, native diffing, interactive chat, and more.
> 📦 The extension is currently in development. For installation, features, and development guide, see the [VS Code Extension README](./packages/vscode-ide-companion/README.md).
## Quick Start ## Quick Start
```bash ```bash

View File

@@ -38,25 +38,40 @@ To debug and develop this extension locally:
pnpm install pnpm install
``` ```
3. **Open the extension in VS Code** 3. **Start debugging**
You have two options:
**Option A: Debug from Project Root (Recommended)**
```bash
code . # Open the project root in VS Code
```
- Open the `packages/vscode-ide-companion/src/extension.ts` file
- Open Debug panel (`Ctrl+Shift+D` or `Cmd+Shift+D`)
- Select **"Launch Companion VS Code Extension"** from the debug dropdown
- Press `F5` to launch Extension Development Host
**Option B: Debug from Extension Directory**
```bash ```bash
cd packages/vscode-ide-companion cd packages/vscode-ide-companion
code . code . # Open the extension directory in VS Code
``` ```
- Open the `src/extension.ts` file
- Open Debug panel (`Ctrl+Shift+D` or `Cmd+Shift+D`)
- Select **"Run Extension"** from the debug dropdown
- Press `F5` to launch Extension Development Host
4. **Start debugging** > 💡 **Tip**: Option A is recommended if you need to debug both the extension and core packages together.
- Press `F5` or click "Run and Debug" from the sidebar
- Select "Run Extension" from the debug configuration dropdown
- This will open a new "Extension Development Host" window with the extension loaded
5. **Make changes and reload** 4. **Make changes and reload**
- Edit the source code in the original VS Code window - Edit the source code in the original VS Code window
- To see your changes, reload the Extension Development Host window by: - To see your changes, reload the Extension Development Host window by:
- Pressing `Ctrl+R` (Windows/Linux) or `Cmd+R` (macOS) - Pressing `Ctrl+R` (Windows/Linux) or `Cmd+R` (macOS)
- Or clicking the "Reload" button in the debug toolbar - Or clicking the "Reload" button in the debug toolbar
6. **View logs and debug output** 5. **View logs and debug output**
- Open the Debug Console in the original VS Code window to see extension logs - Open the Debug Console in the original VS Code window to see extension logs
- In the Extension Development Host window, open Developer Tools with `Help > Toggle Developer Tools` to see webview logs - In the Extension Development Host window, open Developer Tools with `Help > Toggle Developer Tools` to see webview logs