文章导读
编程过程中，翻译问题是不是让你头疼？今天就来跟大家分享一个神器——CodeBuddy，结合蓝耘API，8分钟就能帮你打造一个划词秒翻、自动适配所有网页的翻译插件！
正文部分
作为一个编程爱好者，翻译问题真的是让我头疼不已。想看国外大神的代码，不是翻译得乱七八糟，就是翻译速度慢得要命。今天，我要跟大家分享一个我用CodeBuddy和蓝耘API打造的神器，让你的编程翻译问题一网打尽！
为什么使用蓝耘平台的api
- 优质翻译引擎支持：蓝耘平台api基于先进的翻译模型或算法，翻译结果更精准。
- 高并发处理能力：适合团队协作开发场景下多人同时使用翻译功能。
- 丰富的拓展性：便于与CodeBuddy等工具进行深度集成和二次开发。
- 安全稳定：保护用户翻译内容隐私，保证服务不间断。
为什么使用CodeBuddy
- 智能代码生成：Craft模式可依据自然语言指令，完成工程上下文分析、多文件代码生成与改写。
- 集成丰富知识库：Chat模式内置腾讯生态等三方知识库。
- 多模型支持：底层集成DeepSeek R1/V3和HunYuan-Turbo S双模型且免费无限制。
使用CodeBuddy x 蓝耘API进行翻译插件的生成
我们先获取蓝耘平台的api，选择QwQ-32B这款ai，然后创建API KEY，获取调用操作。接下来，我们使用CodeBuddy进行API集成，创造谷歌翻译插件。
使用CodeBuddy进行API集成创造谷歌翻译插件
我们打开vscode进入到拓展中直接搜索CodeBuddy，点击安装这个插件。然后，我们点击左侧的插件图标就能进行使用了。我们现在chat模式生成下我们对应的README文件来介绍下这个插件的基本信息。
插件的部分代码如下
// 获取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提供精准翻译、高并发处理及丰富拓展性等支持，二者协同打造出高效、精准且个性化的翻译工具。
小结与拓展
今天的分享就到这里，希望对大家有所帮助。如果你对编程翻译还有其他问题，欢迎关注思享编程网，了解更多编程知识。
—— 思享编程网资深编辑陆砚码 敬上