Initial commit

This commit is contained in:
Zhongwei Li
2025-11-30 09:04:55 +08:00
commit b49b8cbed1
6 changed files with 1524 additions and 0 deletions

387
references/cli-reference.md Normal file
View File

@@ -0,0 +1,387 @@
# Agent IDE CLI 指令參考
## 安裝方式
### 方式一Plugin推薦
```bash
/plugin marketplace add vivalalova/agent-ide
```
### 方式二CLI 安裝
```bash
npm install -g agent-ide
# 或從源碼編譯
git clone https://github.com/vivalalova/agent-ide.git
cd agent-ide && pnpm install && pnpm build && npm link
```
## 核心功能模組
| 功能 | 說明 |
|------|------|
| `snapshot` | 快速生成專案概覽 |
| `index` | 建立程式碼索引 |
| `search` | 搜尋符號、文字 |
| `rename` | 重新命名符號 |
| `move` | 移動檔案並更新 import |
| `analyze` | 分析程式碼品質 |
| `deps` | 依賴關係分析 |
| `shit` | 垃圾度評分(分數越高越糟) |
| `refactor` | 程式碼重構操作 |
| `plugins` | 管理語言解析器 |
## CLI 指令詳細說明
### 1. 專案快照 (snapshot)
**基本快照**
```bash
npx agent-ide snapshot --format json
```
**壓縮級別**
```bash
# Minimal - 最小資訊
npx agent-ide snapshot --compression minimal
# Medium - 中等資訊
npx agent-ide snapshot --compression medium
# Full - 完整資訊
npx agent-ide snapshot --compression full
```
**輸出到檔案**
```bash
npx agent-ide snapshot --output project-snapshot.json
```
**指定路徑**
```bash
npx agent-ide snapshot --path /path/to/project
```
**完整參數列表**
- `--path`: 專案路徑
- `--compression`: 壓縮級別minimal/medium/full
- `--output`: 輸出檔案路徑
- `--format`: 輸出格式json/table/summary
### 2. 程式碼索引 (index)
**建立索引**
```bash
npx agent-ide index --path /path/to/project
```
**增量更新**
```bash
npx agent-ide index --incremental
```
**自訂檔案類型**
```bash
npx agent-ide index --extensions .ts,.tsx,.js,.jsx
```
**排除規則**
```bash
npx agent-ide index --exclude "node_modules,dist,build"
```
**完整參數列表**
- `--path`: 專案路徑
- `--incremental`: 增量更新模式
- `--extensions`: 指定檔案副檔名
- `--exclude`: 排除的目錄或檔案模式
- `--force`: 強制重建索引
### 3. 搜尋操作 (search)
**基本搜尋**
```bash
npx agent-ide search "UserService" --format json
```
**正則表達式搜尋**
```bash
npx agent-ide search "function.*User" --type regex --format json
```
**限制結果數量**
```bash
npx agent-ide search "import" --limit 10 --format json
```
**完整參數列表**
- `--type`: 搜尋類型text/symbol/regex
- `--limit`: 限制結果數量
- `--format`: 輸出格式json/list/table
- `--case-sensitive`: 大小寫敏感
- `--whole-word`: 完整單字匹配
### 4. 重命名操作 (rename)
⚠️ **必須使用 agent-ide 進行重命名**:確保所有引用都正確更新
**預覽重命名**
```bash
npx agent-ide rename --from oldName --to newName --preview
```
**執行重命名**
```bash
npx agent-ide rename --from oldName --to newName
```
**啟用備份**
```bash
npx agent-ide rename --from oldName --to newName --backup
```
**批量重命名**
```bash
npx agent-ide rename --config rename-config.json
```
**完整參數列表**
- `--from`: 原始名稱
- `--to`: 目標名稱
- `--preview`: 預覽模式
- `--backup`: 自動備份
- `--config`: 批量重命名設定檔
- `--path`: 專案路徑
### 5. 檔案移動 (move)
⚠️ **必須使用 agent-ide 進行檔案移動**:自動更新所有 import 語句
**預覽移動**
```bash
npx agent-ide move src/old.ts src/new.ts --preview
```
**執行移動**
```bash
npx agent-ide move src/old.ts src/new.ts
```
**批量移動(遞迴)**
```bash
npx agent-ide move src/old-module src/new-module --recursive
```
**完整參數列表**
- `--preview`: 預覽模式
- `--recursive`: 遞迴移動整個目錄
- `--backup`: 自動備份
- `--update-imports`: 自動更新 import預設開啟
### 6. 品質分析 (analyze)
**分析複雜度**
```bash
npx agent-ide analyze complexity --format json --all
```
**偵測死代碼**
```bash
npx agent-ide analyze dead-code --format json --all
```
**最佳實踐檢查**
```bash
npx agent-ide analyze best-practices --format json
```
**完整參數列表**
- `--all`: 分析所有檔案
- `--file`: 分析特定檔案
- `--format`: 輸出格式json/table/summary
- `--threshold`: 複雜度閾值
### 7. 依賴分析 (deps)
**專案整體依賴**
```bash
npx agent-ide deps --format json
npx agent-ide deps --format json --all
```
**特定檔案依賴**
```bash
npx agent-ide deps --file src/service.ts --format json
```
**偵測循環依賴**
```bash
npx agent-ide deps --detect-circular
```
**完整參數列表**
- `--file`: 分析特定檔案
- `--all`: 分析所有檔案
- `--format`: 輸出格式json/graph/table
- `--detect-circular`: 偵測循環依賴
- `--max-depth`: 最大依賴深度
### 8. 垃圾度評分 (shit)
**基本評分**
```bash
npx agent-ide shit --format json
```
**詳細報告**
```bash
npx agent-ide shit --detailed --format json
```
**前 N 個問題檔案**
```bash
npx agent-ide shit --detailed --top=20 --format json
```
**設定最大允許值CI/CD 質量閘門)**
```bash
npx agent-ide shit --max-allowed=70
```
**完整參數列表**
- `--detailed`: 詳細報告
- `--top`: 顯示前 N 個問題檔案
- `--max-allowed`: CI/CD 質量閘門閾值
- `--format`: 輸出格式json/table/summary
- `--file`: 分析特定檔案
### 9. 程式碼重構 (refactor)
**提取函式**
```bash
npx agent-ide refactor extract-function \
--file src/app.ts \
--start-line 10 \
--end-line 20 \
--function-name handleUser
```
**內聯函式**
```bash
npx agent-ide refactor inline-function \
--file src/utils.ts \
--function-name helperFunction
```
**完整參數列表**
- `--file`: 目標檔案
- `--start-line`: 起始行號extract-function
- `--end-line`: 結束行號extract-function
- `--function-name`: 函式名稱
- `--preview`: 預覽模式
### 10. 語言解析器管理 (plugins)
**列出所有解析器**
```bash
npx agent-ide plugins list
```
**查看特定解析器資訊**
```bash
npx agent-ide plugins info typescript
```
**完整參數列表**
- `list`: 列出所有已安裝的解析器
- `info <name>`: 顯示特定解析器的詳細資訊
## ShitScore 評分系統
### 評分維度
- **複雜度 (30%)**:高圈複雜度、長函式、深層巢狀
- **維護性 (30%)**:死代碼、超大檔案
- **架構 (30%)**:循環依賴、高耦合
- **QA (20%)**:測試覆蓋率、程式碼註解品質
### 評級標準
- **A (0-29)**:優秀
- **B (30-49)**:良好
- **C (50-69)**:需重構
- **D (70-84)**:強烈建議重構
- **F (85-100)**:建議重寫
## 效能指標
- **增量索引速度**:約 1000 檔案/秒
- **查詢延遲**<50ms快取命中
- **記憶體佔用**~100MB per 10k 檔案
## 使用建議
### ✅ 優先使用 agent-ide 的場景
- 跨檔案重命名符號
- 自動更新 import 路徑
- 依賴關係分析
- 程式碼品質掃描
- 批量重構操作
- 循環依賴檢測
### ❌ 保持原生工具的場景
- 簡單檔案讀寫
- 快速查看檔案內容
- 單一檔案內的小改動
## 批量操作範例
### 批量重命名設定檔
建立 `rename-config.json`
```json
{
"renames": [
{ "from": "oldName1", "to": "newName1" },
{ "from": "oldName2", "to": "newName2" },
{ "from": "oldName3", "to": "newName3" }
]
}
```
執行批量重命名:
```bash
npx agent-ide rename --config rename-config.json
```
### 批量移動目錄
```bash
# 移動整個模組
npx agent-ide move src/legacy-module src/modules/legacy --recursive
# 重組專案結構
npx agent-ide move src/utils src/shared/utils --recursive
npx agent-ide move src/helpers src/shared/helpers --recursive
```
### CI/CD 整合範例
```bash
#!/bin/bash
# quality-check.sh
echo "Running code quality checks..."
# 生成快照
npx agent-ide snapshot --output reports/snapshot.json
# 檢查 ShitScore
npx agent-ide shit --max-allowed=70 || exit 1
# 分析複雜度
npx agent-ide analyze complexity --all --format json > reports/complexity.json
# 偵測循環依賴
npx agent-ide deps --detect-circular || exit 1
echo "All quality checks passed!"
```

453
references/examples.md Normal file
View File

@@ -0,0 +1,453 @@
# Agent IDE 使用範例
## 範例 1重命名符號
### 使用者需求
「將 `getUserData` 重命名為 `fetchUserProfile` 並更新所有引用」
### 執行步驟
1. **預覽變更**
```bash
npx agent-ide rename --from getUserData --to fetchUserProfile --preview
```
2. **確認並執行**
```bash
npx agent-ide rename --from getUserData --to fetchUserProfile
```
### 預期結果
- 所有檔案中的 `getUserData` 都被重命名為 `fetchUserProfile`
- 所有 import 語句自動更新
- 所有函式呼叫自動更新
- 所有註解中的引用保持不變(需手動檢查)
## 範例 2移動檔案並更新 Import
### 使用者需求
「將 `src/utils/helpers.ts` 移動到 `src/shared/utils/helpers.ts`
### 執行步驟
1. **確保目標目錄存在**
```bash
mkdir -p src/shared/utils
```
2. **預覽移動**
```bash
npx agent-ide move src/utils/helpers.ts src/shared/utils/helpers.ts --preview
```
3. **執行移動**
```bash
npx agent-ide move src/utils/helpers.ts src/shared/utils/helpers.ts
```
### 預期結果
- 檔案成功移動到新位置
- 所有 import 語句自動更新:
- 舊:`import { helper } from '../utils/helpers'`
- 新:`import { helper } from '../shared/utils/helpers'`
## 範例 3分析專案品質
### 使用者需求
「分析專案中的循環依賴和程式碼品質問題」
### 執行步驟
1. **執行垃圾度評分**
```bash
npx agent-ide shit --detailed --format json
```
2. **分析複雜度**
```bash
npx agent-ide analyze complexity --format json --all
```
3. **檢查依賴關係**
```bash
npx agent-ide deps --format json --all
```
4. **偵測死代碼**
```bash
npx agent-ide analyze dead-code --format json --all
```
### 預期結果
- ShitScore 報告顯示整體品質評級
- 複雜度分析列出高複雜度函式
- 依賴關係圖顯示循環依賴
- 死代碼列表顯示未使用的程式碼
## 範例 4重構長函式
### 使用者需求
「將 `src/app.ts` 中第 50-80 行的邏輯提取為 `processUserData` 函式」
### 執行步驟
1. **提取函式**
```bash
npx agent-ide refactor extract-function \
--file src/app.ts \
--start-line 50 \
--end-line 80 \
--function-name processUserData
```
2. **驗證結果**
- 檢查新函式是否正確建立
- 確認原位置已替換為函式呼叫
- 測試功能是否正常
### 預期結果
- 新函式 `processUserData` 建立在適當位置
- 原程式碼被函式呼叫取代
- 所有變數作用域正確處理
## 範例 5搜尋符號並分析使用
### 使用者需求
「找出專案中所有使用 `UserService` 的地方」
### 執行步驟
1. **搜尋符號**
```bash
npx agent-ide search "UserService" --format json
```
2. **分析特定檔案的依賴**
```bash
npx agent-ide deps --file src/services/user-service.ts --format json
```
### 預期結果
- 列出所有引用 `UserService` 的檔案和位置
- 顯示 `UserService` 的依賴關係
- 幫助理解 `UserService` 的使用模式
## 範例 6批量重構工作流程
### 使用者需求
「重構 `auth` 模組:重命名主類別、移動檔案、分析影響範圍」
### 執行步驟
1. **分析當前狀態**
```bash
npx agent-ide deps --file src/auth/AuthService.ts --format json
npx agent-ide search "AuthService" --format json
```
2. **重命名類別**
```bash
npx agent-ide rename --from AuthService --to AuthenticationService --preview
npx agent-ide rename --from AuthService --to AuthenticationService
```
3. **重組檔案結構**
```bash
mkdir -p src/modules/authentication
npx agent-ide move src/auth/AuthenticationService.ts src/modules/authentication/service.ts
```
4. **驗證品質**
```bash
npx agent-ide shit --detailed --format json
npx agent-ide analyze complexity --format json
```
### 預期結果
- 所有重命名正確執行
- Import 路徑全部更新
- 專案結構更清晰
- 品質評分改善
## 範例 7處理循環依賴
### 使用者需求
「偵測並解決專案中的循環依賴問題」
### 執行步驟
1. **偵測循環依賴**
```bash
npx agent-ide deps --format json --all
```
2. **分析問題檔案**
```bash
npx agent-ide deps --file src/services/user.ts --format json
npx agent-ide deps --file src/services/auth.ts --format json
```
3. **重構解決方案**
- 識別循環依賴的原因
- 提取共用介面到獨立檔案
- 使用依賴注入打破循環
4. **驗證修復**
```bash
npx agent-ide deps --format json --all
npx agent-ide shit --format json
```
### 預期結果
- 循環依賴被識別
- 透過重構解決循環依賴
- ShitScore 中的「架構」評分降低
## 範例 8使用 snapshot 快速診斷專案
### 使用者需求
「快速了解新接手的專案結構和品質狀況」
### 執行步驟
1. **生成完整快照**
```bash
npx agent-ide snapshot --compression full --output project-snapshot.json
```
2. **查看快照結果**
- 檔案數量和結構
- 程式碼行數統計
- 基本品質指標
- 主要問題區域
3. **針對性分析**
```bash
# 查看詳細品質報告
npx agent-ide shit --detailed --top=20
# 分析高複雜度檔案
npx agent-ide analyze complexity --all
```
### 預期結果
- 8.7 秒內完成 62 檔案專案分析
- 消耗約 59,138 tokens
- 快速識別問題而無需手動檢查檔案
- 建立改善路線圖
### 實際案例
**專案規模**62 檔案4,740 行程式碼
**快照發現**
- 46 個 `any` 型別使用
- ShitScore 22.02
- 3 個循環依賴
- 12 個高複雜度函式
**改善成效**
- 消除所有 `any` 型別
- ShitScore 降至 19.56-11%
- 型別安全提升 35%
## 範例 9CI/CD 整合與質量閘門
### 使用者需求
「在 CI/CD 流程中設定程式碼品質閘門,確保品質不降低」
### GitHub Actions 整合
建立 `.github/workflows/quality-check.yml`
```yaml
name: Code Quality Check
on:
push:
branches: [main, develop]
pull_request:
branches: [main, develop]
jobs:
quality:
runs-on: ubuntu-latest
steps:
- name: Checkout code
uses: actions/checkout@v3
- name: Setup Node.js
uses: actions/setup-node@v3
with:
node-version: '18'
- name: Install agent-ide
run: npm install -g agent-ide
- name: Generate snapshot
run: npx agent-ide snapshot --output reports/snapshot.json
- name: Check ShitScore (質量閘門)
run: npx agent-ide shit --max-allowed=70
- name: Analyze complexity
run: npx agent-ide analyze complexity --all --format json
- name: Detect circular dependencies
run: npx agent-ide deps --detect-circular
- name: Upload reports
uses: actions/upload-artifact@v3
with:
name: quality-reports
path: reports/
```
### 執行步驟
1. **設定質量閘門**
- 嚴格專案:`--max-allowed=50`B 級或更好)
- 一般專案:`--max-allowed=70`C 級或更好)
- 遺留專案:`--max-allowed=85`(避免 F 級)
2. **定期品質追蹤**
```bash
#!/bin/bash
# 每日執行
DATE=$(date +%Y%m%d)
npx agent-ide snapshot --output "snapshots/$DATE.json"
npx agent-ide shit --format json > "quality/$DATE.json"
```
3. **品質趨勢分析**
- 比對每日 ShitScore 變化
- 追蹤複雜度趨勢
- 監控依賴關係變化
### 預期結果
- CI/CD 自動檢查程式碼品質
- 品質不符標準時阻止合併
- 長期追蹤品質趨勢
- 團隊品質意識提升
## 範例 10批量重構整個模組
### 使用者需求
「重構整個 `legacy` 模組,包含批量重命名、檔案重組和品質改善」
### 執行步驟
#### Phase 1診斷分析
```bash
# 生成快照
npx agent-ide snapshot --compression full
# 評估當前品質
npx agent-ide shit --detailed --top=20
# 分析 legacy 模組依賴
npx agent-ide deps --file src/legacy/ --format json
```
**診斷結果範例**
- ShitScore: 67.3D 級)
- 直接影響 23 個檔案
- 間接影響 45 個檔案
- 3 個循環依賴
#### Phase 2批量重命名
建立 `rename-config.json`
```json
{
"renames": [
{ "from": "getLegacyData", "to": "fetchData" },
{ "from": "oldProcessor", "to": "dataProcessor" },
{ "from": "legacyHandler", "to": "requestHandler" }
]
}
```
執行批量重命名:
```bash
npx agent-ide rename --config rename-config.json --preview
npx agent-ide rename --config rename-config.json
```
#### Phase 3檔案重組
```bash
# 建立新結構
mkdir -p src/modules/data-processing
# 批量移動檔案
npx agent-ide move src/legacy/processor src/modules/data-processing --recursive --preview
npx agent-ide move src/legacy/processor src/modules/data-processing --recursive
```
#### Phase 4降低複雜度
```bash
# 找出高複雜度函式
npx agent-ide analyze complexity --all
# 提取複雜邏輯
npx agent-ide refactor extract-function \
--file src/modules/data-processing/processor.ts \
--start-line 45 \
--end-line 120 \
--function-name processData
```
#### Phase 5驗證改善
```bash
# 執行測試
npm test
# 驗證品質改善
npx agent-ide shit --detailed
# 檢查循環依賴
npx agent-ide deps --detect-circular
```
### 預期結果
**品質改善**
- ShitScore 從 67.3 降到 35.8-47%
- 複雜度從 45 降到 5
- 消除所有循環依賴
- 檔案結構更清晰
**影響範圍**
- 直接修改 23 個檔案
- 自動更新 45 個檔案的 import
- 零 TypeScript 編譯錯誤
- 所有測試通過
**團隊收益**
- 維護成本降低 40%
- 新功能開發速度提升 25%
- Bug 率降低 30%
## 最佳實踐
### 重構前必做
1. 執行 `--preview` 檢查影響範圍
2. 確保有版本控制git commit
3. 執行測試確保功能正常
### 重構後必做
1. 執行 `npx agent-ide shit` 確認品質改善
2. 執行專案的 build 和 lint
3. 執行測試套件
4. Commit 變更
### 效率技巧
1. 使用 `--format json` 方便程式化處理
2. 善用 `--preview` 避免錯誤
3. 搭配 `code_deps``code_search` 理解影響範圍
4. 定期執行 `code_shit` 追蹤品質趨勢