本文所使用的 CodeBuddy 免費下載鏈接:騰訊云代碼助手 CodeBuddy - AI 時代的智能編程伙伴
前言
作為一個天天泡在 GitHub 上扒項目的人,翻譯問題簡直是我 “挖寶” 路上的頭號絆腳石!想研究國外大神的優質開源項目,不是被機翻軟件的 “神操作” 氣到血壓飆升 —— 把 “repository” 譯成 “儲存庫”,代碼注釋里的變量名直接亂碼;就是被收費翻譯工具瘋狂割韭菜,看個 README 就要充會員。更崩潰的是,好不容易找到個免費插件,翻譯速度慢得像龜速,等它翻完,我都快把項目結構研究透了!本想自己動手改改代碼優化翻譯效果,打開源碼卻發現全是加密天書,比破解摩斯密碼還難!在 GitHub 爬項目這么久,就沒見過一款真正懂技術人的翻譯工具!
直到CodeBuddy的橫空出世,所有疑難雜癥都被解決了。我之所以想用它寫一款谷歌翻譯插件,是因為它完全戳中了我的需求。它不需要我精通復雜的編程語言,即使像我這樣代碼基礎一般的人,也能通過可視化的操作界面,用 “拖拖拽拽” 的方式快速搭建插件。更棒的是,我還能根據自己的使用習慣,自定義插件功能,比如設置特定技術術語不翻譯,或者給翻譯結果添加標注。這樣一來,我就能打造出一款完全貼合 GitHub 使用場景、只屬于我自己的翻譯插件,以后再爬項目,再也不用被那些 “坑人” 的翻譯工具折磨了!
那么下面,實戰開始。
為什么使用藍耘平臺的api
- 優質翻譯引擎支持:藍耘平臺 api 可能基于先進的翻譯模型或算法,能提供更精準的翻譯結果,尤其在處理專業領域文本時,對技術術語的翻譯更準確、更符合行業習慣。
- 高并發處理能力:在處理大量翻譯請求時,藍耘平臺 api 能夠穩定運行,保證翻譯速度和響應時間,適合團隊協作開發場景下多人同時使用翻譯功能。
- 豐富的拓展性:其 api 可能提供了豐富的接口和參數設置,便于與 CodeBuddy 等工具進行深度集成和二次開發,進一步拓展翻譯功能,如添加自定義詞典、調整翻譯風格等。
- 安全穩定:藍耘平臺 api 在數據傳輸和處理過程中,具備良好的安全性和穩定性,保護用戶翻譯內容隱私,且保證服務不間斷,為開發者提供可靠的翻譯服務。
為什么使用CodeBuddy
- 智能代碼生成:Craft 模式可依據自然語言指令,完成工程上下文分析、多文件代碼生成與改寫。如輸入 “開發一個音樂 APP” ,能秒級生成包含播放器頁面、個人中心等關聯頁面和文件的代碼,適合新項目創建和功能模塊開發。
- 集成豐富知識庫:Chat 模式內置騰訊生態等三方知識庫,開發微信小程序等對文檔要求嚴格項目時,可快速獲取知識。
- 多模型支持:底層集成 DeepSeek R1/V3 和 HunYuan-Turbo S 雙模型且免費無限制,還支持自定義模型接入,提升編碼能力。
使用CodeBuddy x 藍耘API進行翻譯插件的生成
獲取藍耘API
我們先獲取藍耘平臺的api,點擊藍耘API進入到平臺,如果你沒有注冊的話可以點擊注冊進行注冊操作
進入到頁面之后,我們這里選擇QwQ-32B這款ai,因為Deepseek思考太慢了,不適合api調用進行翻譯操作
QwQ-32B這個回應的速度還是很快的,并且QwQ-32B的免費使用額度特別多,太多了,爽用就行了
這里我們點擊創建API KEY,然后將這個API KEY進行復制,這個不要外泄哦,小心額度被別人偷偷用光了哦
這里我們直接查看API實例
這里有詳細的調用方式,并且提供實例代碼,這里我就得說下有些算力平臺,你實例代碼都沒有,小白根本上不了手,學學藍耘吧
我們將代碼復制
from openai import OpenAI# 構造 client
client = OpenAI(api_key="sk-xxxxxxxxxxx", # APIKeybase_url="https://maas-api.lanyun.net/v1",
)
# 流式
stream = True
# 請求
chat_completion = client.chat.completions.create(model="/maas/deepseek-ai/DeepSeek-R1",messages=[{"role": "user","content": "你是誰",}],stream=stream,
)
if stream:for chunk in chat_completion:# 打印思維鏈內容if hasattr(chunk.choices[0].delta, 'reasoning_content'):print(f"{chunk.choices[0].delta.reasoning_content}", end="")# 打印模型最終返回的contentif hasattr(chunk.choices[0].delta, 'content'):if chunk.choices[0].delta.content != None and len(chunk.choices[0].delta.content) != 0:print(chunk.choices[0].delta.content, end="")
else:result = chat_completion.choices[0].message.content
在這個代碼中,我們需要將我框出來的地方進行替換,其他的地方沒必要替換了
替換成你想調用的模型名稱,比如我要調用的是QwQ-32B,那么我就將下面改成model="/maas/qwen/QwQ-32B"就行了,ai的具體名換都在AI介紹的那一頁,以及你自己剛剛復制的API KEY就行了
到這里我們就獲得了藍耘api的調用操作了,接下來就開始使用CodeBuddy了
使用CodeBuddy進行API集成創造谷歌翻譯插件
我們打開vscode進入到拓展中直接搜索CodeBuddy,點擊安裝這個插件就行了
我們點擊左側的插件圖標就能進行使用了
我們現在chat模式生成下我們對應的README文件來介紹下這個插件的基本信息
我們直接和ai對話
我現在想開發一款谷歌的翻譯插件,通過調用藍耘平臺的api進行文本的翻譯,并且有一個可視化的界面進行翻譯的打開和關閉,默認的就是中文翻譯英文,不需要其他的語種翻譯,你幫我生成一個相關的README文件吧
他這里簡單的介紹了下我們這款插件的相關功能,但是沒有細致的說如何實現,但是問題不大,Craft會幫我們進行解決
我們將信息復制到我們創建好的README文件里面就好了
README文件如下,大家可以參考我的
然后我們直接到Craft模式輸入下方對話詞:
@README.md 請根據文件進行插件的開發,把插件打開之后,我在網頁中選中一個片段,他會在右側顯示出具體的翻譯具體,包括原文和翻譯后的結果,插件的圖標我放到了文件夾里面了,叫頭像.jpg
他這里檢測到我說的話和README文件里面的不一樣,然后將README進行了更新的操作
并且還很清晰的列出了那些文件要被創建,以及文件對應的功能都標注的很清晰
在對話后,我刷了會兒視頻他就將代碼生成好了,真的解放了我的雙手
接下來我們 就開始進行測試,我們先打開谷歌插件,點擊管理拓展程序
點擊加載已經解壓的拓展程序,我們這里直接選中我們剛剛存代碼的文件夾就行了
這里我們看到我們成功加載了這個插件,但是上面顯示錯誤
我們直接點擊錯誤查看對應的信息,我們直接將錯誤信息復制給CodeBuddy就行了
下面是CodeBuddy處理報錯的相關信息,分析錯誤的能力很強
我們再次測試下我們的這個插件,這次我們就沒有報錯了,很順利,我們這里打開GitHub測試下具體的效果
我們點擊拓展,他這里有很詳細的信息,我們可以將文本復制過來進行翻譯
也可以只直接選中網頁的文本大面積翻譯,他右側有彈窗的,但是我們這里翻車了,他這里直接就是翻譯失敗了,就很難受了,鐵鐵。
但是問題不大,我們直接把相關信息跟CodeBuddy說就行了
根據它的分析,我大概知道問題出在哪里了,因為我們給的API調用示例是py代碼,但是我們插件用的是js代碼,他現在將Py轉換為js,我這里等了一會兒看結果
這里他修改好了,我們接著測試
但是還是報錯了,我突然想明白,為什么不能使用cURL進行API的調用呢,我將對應的代碼給CodeBuddy,讓他重新幫我生成代碼
代碼生成好了之后,我們直接重新測試
看到效果我內心還是很開心的,成了,CodeBuddy名部虛傳,藍耘的api反應速度也很快
他這里還會根據你選中的語言的類型自動進行轉換,中->英,英->中
很不錯的效果
插件的部分代碼如下:可以參考下:
siderbar.js
// 獲取DOM元素const originalTextElement = document.getElementById('original-text');const translatedTextElement = document.getElementById('translated-text');const copyOriginalButton = document.getElementById('copy-original');const copyTranslatedButton = document.getElementById('copy-translated');// 從storage中獲取翻譯數據并顯示function loadTranslationData() {chrome.storage.local.get('translationData', (data) => {if (data.translationData) {const { originalText, translatedText } = data.translationData;// 顯示原文和譯文originalTextElement.textContent = originalText;translatedTextElement.textContent = translatedText;}});}// 復制文本到剪貼板async function copyTextToClipboard(text) {try {await navigator.clipboard.writeText(text);return true;} catch (err) {console.error('復制失敗:', err);return false;}}// 顯示復制成功/失敗的提示function showCopyFeedback(button, success) {const originalText = button.textContent;button.textContent = success ? '已復制!' : '復制失敗!';button.classList.add(success ? 'success' : 'error');// 2秒后恢復按鈕文本setTimeout(() => {button.textContent = originalText;button.classList.remove('success', 'error');}, 2000);}// 添加復制按鈕事件監聽器copyOriginalButton.addEventListener('click', async () => {const success = await copyTextToClipboard(originalTextElement.textContent);showCopyFeedback(copyOriginalButton, success);});copyTranslatedButton.addEventListener('click', async () => {const success = await copyTextToClipboard(translatedTextElement.textContent);showCopyFeedback(copyTranslatedButton, success);});// 監聽storage變化,實時更新翻譯內容chrome.storage.onChanged.addListener((changes, namespace) => {if (namespace === 'local' && changes.translationData) {const { originalText, translatedText } = changes.translationData.newValue;originalTextElement.textContent = originalText;translatedTextElement.textContent = translatedText;}});// 頁面加載時初始化document.addEventListener('DOMContentLoaded', loadTranslationData);
總結
使用 CodeBuddy 結合藍耘 API 生成翻譯插件,有效攻克當前翻譯質量欠佳、速度遲緩、定制困難及操作不便等痛點。這款插件具備劃詞秒翻、自動適配網頁、可定制操作等優勢,藍耘 API 提供精準翻譯、高并發處理及豐富拓展性等支持,二者協同打造出高效、精準且個性化的翻譯工具。
可以通過下方鏈接進行注冊
藍耘 https://cloud.lanyun.net/#/registerPage?promoterCode=5663b8b127本文所使用的 CodeBuddy 免費下載鏈接:(https://copilot.tencent.com/?fromSource=gwzcw.9661261.9661261.9661261&utm_medium=cpc&utm_id=gwzcw.9661261.9661261.9661261&from_column=20421&from=20421)