完善claude,codex的vscode自动配置（windows，linux，mac）

sdfggds · sdfggds · commit e2b3be757114 · 2025-10-02T23:20:31.000+08:00
diff --git a/src-tauri/src/commands.rs b/src-tauri/src/commands.rs
@@ -85,9 +85,12 @@ pub async fn get_current_codex_auth() -> Result<Option<codex_config::CodexAuth>,
 /// 配置 VSCode Claude 扩展
 #[tauri::command]
 pub async fn configure_vscode_claude(base_url: String, api_key: String) -> Result<String, String> {
-    if api_key.trim().is_empty() {
-        return Err("API 密钥不能为空".to_string());
-    }
+    // 如果 api_key 为空，使用默认值 "key"
+    let api_key = if api_key.trim().is_empty() {
+        "key".to_string()
+    } else {
+        api_key.trim().to_string()
+    };
 
     // VSCode Claude 扩展只需要 API Key，base_url 不做检查
     vscode::configure_vscode_claude(api_key, base_url)
diff --git a/src-tauri/src/vscode.rs b/src-tauri/src/vscode.rs
@@ -3,6 +3,80 @@ use serde_json::{json, Value};
 use std::fs;
 use crate::config::{get_claude_config_dir, get_claude_settings_path, write_json_file};
 
+/// 移除 JSON/JSONC 中的注释（简单实现）
+/// 处理单行注释 // 和多行注释 /* */
+fn strip_json_comments(content: &str) -> String {
+    let mut result = String::new();
+    let mut chars = content.chars().peekable();
+    let mut in_string = false;
+    let mut escape_next = false;
+
+    while let Some(ch) = chars.next() {
+        if escape_next {
+            result.push(ch);
+            escape_next = false;
+            continue;
+        }
+
+        if ch == '\\' && in_string {
+            result.push(ch);
+            escape_next = true;
+            continue;
+        }
+
+        if ch == '"' {
+            in_string = !in_string;
+            result.push(ch);
+            continue;
+        }
+
+        if in_string {
+            result.push(ch);
+            continue;
+        }
+
+        // 处理注释（仅在非字符串中）
+        if ch == '/' {
+            if let Some(&next_ch) = chars.peek() {
+                if next_ch == '/' {
+                    // 单行注释，跳到行尾
+                    chars.next(); // 消费第二个 /
+                    for c in chars.by_ref() {
+                        if c == '\n' {
+                            result.push('\n');
+                            break;
+                        }
+                    }
+                    continue;
+                } else if next_ch == '*' {
+                    // 多行注释，跳到 */
+                    chars.next(); // 消费 *
+                    let mut found_end = false;
+                    while let Some(c) = chars.next() {
+                        if c == '*' {
+                            if let Some(&n) = chars.peek() {
+                                if n == '/' {
+                                    chars.next(); // 消费 /
+                                    found_end = true;
+                                    break;
+                                }
+                            }
+                        }
+                    }
+                    if found_end {
+                        result.push(' '); // 用空格替代注释
+                    }
+                    continue;
+                }
+            }
+        }
+
+        result.push(ch);
+    }
+
+    result
+}
+
 /// 枚举可能的 VS Code 发行版配置目录名称
 fn vscode_product_dirs() -> Vec<&'static str> {
     vec![
@@ -97,14 +171,46 @@ pub fn configure_vscode_claude(api_key: String, _base_url: String) -> Result<Str
 /// 配置 VSCode Codex 扩展（配置 ChatGPT 扩展）
 /// 功能：在 VSCode settings.json 中写入 ChatGPT 扩展配置
 pub fn configure_vscode_codex(base_url: String, api_key: String) -> Result<String, String> {
-    let settings_path = find_existing_settings()
-        .ok_or_else(|| "未找到 VSCode settings.json 文件。请确保已安装 VSCode 并至少打开过一次。".to_string())?;
+    // 查找或创建 settings.json 路径
+    let settings_path = if let Some(path) = find_existing_settings() {
+        path
+    } else {
+        // 如果找不到现有配置，使用第一个候选路径（通常是 Code Stable）
+        let candidates = candidate_settings_paths();
+        if candidates.is_empty() {
+            return Err("无法确定 VSCode 配置目录路径。".to_string());
+        }
+        let path = candidates[0].clone();
 
-    // 读取现有设置（支持 JSONC 格式的简单处理）
-    let content = fs::read_to_string(&settings_path)
-        .map_err(|e| format!("读取 VSCode 设置失败: {}", e))?;
+        // 确保父目录存在
+        if let Some(parent) = path.parent() {
+            fs::create_dir_all(parent)
+                .map_err(|e| format!("创建 VSCode 配置目录失败: {}", e))?;
+        }
 
-    let mut settings: Value = serde_json::from_str(&content).unwrap_or(json!({}));
+        log::info!("VSCode settings.json 不存在，将创建新文件: {:?}", path);
+        path
+    };
+
+    // 读取现有设置（如果文件存在），否则使用空对象
+    let mut settings: Value = if settings_path.exists() {
+        let content = fs::read_to_string(&settings_path)
+            .map_err(|e| format!("读取 VSCode 设置失败: {}", e))?;
+
+        // 移除注释后再解析（处理 JSONC 格式）
+        let cleaned_content = strip_json_comments(&content);
+
+        match serde_json::from_str(&cleaned_content) {
+            Ok(v) => v,
+            Err(e) => {
+                log::warn!("解析 VSCode settings.json 失败，将使用空配置: {}", e);
+                log::warn!("原始内容长度: {}, 清理后长度: {}", content.len(), cleaned_content.len());
+                json!({})
+            }
+        }
+    } else {
+        json!({})
+    };
 
     // 更新 ChatGPT 扩展配置
     if let Some(obj) = settings.as_object_mut() {
diff --git a/src/components/ClaudeConfigPanel.vue b/src/components/ClaudeConfigPanel.vue
@@ -95,9 +95,9 @@
             </label>
             <input
               v-model="vscodeConfig.apiKey"
-              type="password"
+              type="text"
               class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none transition-all duration-200"
-              placeholder="输入您的 API 密钥"
+              placeholder="key（可随意填写，默认即可）"
             />
           </div>
 
@@ -124,6 +124,10 @@
               <span class="text-blue-500 mt-0.5">•</span>
               <span>写入内容：<code class="bg-blue-100 px-1.5 py-0.5 rounded font-mono">{"primaryApiKey": "您的密钥"}</code></span>
             </li>
+            <li class="flex items-start gap-2">
+              <span class="text-blue-500 mt-0.5">•</span>
+              <span><strong>API 密钥可随意编写</strong>（例如默认的 "key",仅限vscode配置，客户端配置的密钥必须是真实密钥），如果出错，可以尝试输入您的真实密钥</span>
+            </li>
             <li class="flex items-start gap-2">
               <span class="text-blue-500 mt-0.5">•</span>
               <span>配置后需要重新加载 VSCode 窗口（Ctrl+Shift+P → Reload Window）</span>
@@ -173,7 +177,7 @@ const clientConfig = ref({
 });
 
 const vscodeConfig = ref({
-  apiKey: ''
+  apiKey: 'key'
 });
 
 const isLoading = ref({
@@ -210,21 +214,19 @@ const handleClientConfigure = async () => {
 };
 
 const handleVSCodeConfigure = async () => {
-  if (!vscodeConfig.value.apiKey.trim()) {
-    emit('error', '请输入 API 密钥');
-    return;
-  }
+  // 如果 apiKey 为空，使用默认值 'key'
+  const apiKey = vscodeConfig.value.apiKey.trim() || 'key';
 
   isLoading.value.vscode = true;
 
   try {
     const result = await invoke('configure_vscode_claude', {
       baseUrl: '', // baseUrl 在后端不使用，传空字符串
-      apiKey: vscodeConfig.value.apiKey.trim(),
+      apiKey: apiKey,
     });
 
     emit('success', result);
-    vscodeConfig.value.apiKey = '';
+    vscodeConfig.value.apiKey = 'key';
   } catch (error) {
     emit('error', error);
   } finally {
diff --git a/src/components/CodexConfigPanel.vue b/src/components/CodexConfigPanel.vue
@@ -131,13 +131,16 @@
           <div class="mb-8">
             <label class="block text-sm font-semibold text-gray-700 mb-3">
               API 密钥
+              <span class="text-xs font-normal text-gray-500 ml-2">（保持默认值即可，实际密钥从环境变量 key88 读取）</span>
             </label>
             <input
               v-model="vscodeConfig.apiKey"
-              type="password"
-              class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-green-500 focus:border-transparent outline-none transition-all duration-200"
-              placeholder="输入您的 API 密钥"
+              type="text"
+              readonly
+              class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl bg-gray-50 cursor-not-allowed outline-none"
+              placeholder="apikey"
             />
+            <p class="text-xs text-gray-500 mt-2">💡 此字段无需修改，API 认证通过环境变量 key88 完成</p>
           </div>
 
           <button
@@ -217,7 +220,7 @@ const clientConfig = ref({
 
 const vscodeConfig = ref({
   baseUrl: 'https://88code.org/openai/v1',
-  apiKey: ''
+  apiKey: 'apikey'
 });
 
 const isLoading = ref({
@@ -254,11 +257,6 @@ const handleClientConfigure = async () => {
 };
 
 const handleVSCodeConfigure = async () => {
-  if (!vscodeConfig.value.apiKey.trim()) {
-    emit('error', '请输入 API 密钥');
-    return;
-  }
-
   if (!vscodeConfig.value.baseUrl.trim()) {
     emit('error', '请输入 Base URL');
     return;
@@ -273,7 +271,7 @@ const handleVSCodeConfigure = async () => {
     });
 
     emit('success', result);
-    vscodeConfig.value.apiKey = '';
+    // apiKey 保持默认值不清空
   } catch (error) {
     emit('error', error);
   } finally {
