最近发现utools工具中常用的翻译插件不好使了,下载了百度翻译、有道翻译的插件,但是发现需要提供百度/有道的key才能访问,比较麻烦,其他第三方的又怕哪天不能用了,干脆就自己写一个插件算了。
使用ai来写
这里我们使用到vscode
+ claude-dev
插件,并配置了claude-3.5-sonet
这个编程效果较好的模型。
直接浏览器打开index.html
,如下可以看到已经能实现英文翻译为中文的操作了,并且从script.js
中能看到使用的就是google翻译
的api。
改进
上面的页面有几个问题:
- 1 只支持英文转中文,不支持中转英。
- 2 只用到了谷歌翻译,没梯子的话就用不了。
继续给claude-dev
提需求,让他支持中英互译,效果很不错:
然后我们提供一个ai翻译的接口,但是ai翻译的代码需要提供token等,我们让claude
把这部分代码空出来,由我们自己来实现,效果同样很好:
接下来我们把需要调用ai翻译
的部分补全,直接到silicon cloud
用自己的token,在api文档中,让他给生成js代码。
替换原来的占位代码,测试效果也不错。
收尾
最后需要找个画图的ai给画一个可爱的logo,然后用utools加载就可以了。
详细代码在translate目录下,只不过script.js#L60
需要替换成自己的token。
该工具开发完成,使用claude-3.5
模型总共输入token数为200K,输出token数9K,花费$0.3
大概2块钱,当然可以换更便宜的模型例如gpt-4o-mini
gemini-flash
或者开源的模型,只不过claude-dev
中适配最好的还是claude-3.5
模型。