中译英变量名辅助翻译
不知道怎么给变量起英文名?输入中文,一键生成 10 种命名格式,选择适合你的编程语言和场景。
功能
🎯 快速命名建议
选中中文文本或输入中文,自动翻译并生成 10 种常见命名格式,一键插入代码。
📋 支持的命名法
| 命名法 |
格式 |
示例 |
适用语言/场景 |
| 小驼峰 |
camelCase |
getUserInfo |
JavaScript、TypeScript、Java、Go(变量、函数) |
| 大驼峰 |
PascalCase |
GetUserInfo |
类名、组件名、接口名(React、C#、Java) |
| 下划线 |
snake_case |
get_user_info |
Python、Rust、C、Ruby(变量、函数) |
| 大写下划线 |
SCREAMING_SNAKE_CASE |
GET_USER_INFO |
常量、宏定义、环境变量(所有语言) |
| 短横线 |
kebab-case |
get-user-info |
CSS 类名、HTML 属性、URL、npm 包名、文件名 |
| 首字母大写短横线 |
Train-Case |
Get-User-Info |
HTTP Header 名称(Content-Type、Accept-Language) |
| 大写短横线 |
COBOL-CASE |
GET-USER-INFO |
COBOL 语言、某些配置文件 |
| 点分隔 |
dot.case |
get.user.info |
配置键名、命名空间、属性路径 |
| 全小写无分隔 |
flatcase |
getuserinfo |
数据库字段名、旧式命名 |
| 全大写无分隔 |
UPPERFLATCASE |
GETUSERINFO |
SQL 关键字风格、某些常量 |
🔤 悬停翻译
鼠标悬停在中文上,自动显示翻译结果和所有命名格式的对照表,无需选中。
使用方法
方式一:选中中文后快速命名
- 在代码中选中中文文本
- 按
Ctrl+Shift+T(macOS: Cmd+Shift+T)或右键菜单选择「翻译中文为英文」
- 弹出命名建议面板,选择适合的格式
- 一键插入到代码中
示例:
// 选中「用户登录状态」,按 Ctrl+Shift+T
const 用户登录状态 = true;
// 选择 camelCase,自动替换为:
const userLoginStatus = true;
方式二:手动输入中文
- 按
Ctrl+Shift+T(未选中任何文本)
- 在弹出的输入框中输入中文
- 选择命名格式,插入代码
示例:
输入框: 获取商品列表
↓
选择 camelCase
↓
getProductList
方式三:悬停预览
- 鼠标悬停在代码中的中文上
- 自动显示翻译和各种命名格式的对照表
- 无需操作,纯预览
如何选择命名法?
按编程语言选择
| 语言 |
推荐命名法 |
示例 |
| JavaScript / TypeScript |
camelCase(变量、函数) PascalCase(类、组件) |
const userName = ""
class UserManager {} |
| Python |
snake_case(变量、函数) SCREAMING_SNAKE_CASE(常量) |
user_name = ""
MAX_RETRY_COUNT = 3 |
| Java |
camelCase(变量、函数) PascalCase(类) |
String userName = "";
class UserManager {} |
| C / C++ |
snake_case(变量、函数) SCREAMING_SNAKE_CASE(宏) |
char* user_name;
#define MAX_SIZE 100 |
| Go |
camelCase(私有) PascalCase(公开) |
var userName string
func GetUser() {} |
| Rust |
snake_case(变量、函数) PascalCase(类型) |
let user_name = "";
struct UserInfo {} |
| C# |
PascalCase(类、方法) camelCase(私有字段) |
public class UserManager {}
private string _userName; |
| Ruby |
snake_case(变量、方法) PascalCase(类) |
user_name = ""
class UserManager |
按场景选择
| 场景 |
推荐命名法 |
示例 |
| CSS 类名 |
kebab-case |
.user-profile-card |
| HTML 属性 |
kebab-case |
data-user-id="123" |
| URL / 路由 |
kebab-case |
/api/get-user-info |
| npm 包名 |
kebab-case |
npm install user-helper |
| 文件名 |
kebab-case 或 snake_case |
user-profile.js 或 user_profile.py |
| HTTP Header |
Train-Case |
Content-Type, Accept-Language |
| 环境变量 |
SCREAMING_SNAKE_CASE |
DATABASE_URL, API_KEY |
| 数据库字段 |
snake_case 或 flatcase |
user_name 或 username |
| 配置文件键名 |
dot.case 或 snake_case |
app.database.host 或 app_database_host |
| 常量 |
SCREAMING_SNAKE_CASE |
MAX_RETRY_COUNT, DEFAULT_TIMEOUT |
快捷键
| 快捷键 |
功能 |
Ctrl+Shift+T (Windows/Linux)
Cmd+Shift+T (macOS) |
打开命名建议面板 |
设置
在 VSCode 设置中搜索 chineseTranslator 可配置:
| 设置项 |
类型 |
默认值 |
说明 |
chineseTranslator.enableHover |
boolean |
true |
是否启用鼠标悬停自动翻译 |
工作原理
- 翻译引擎:优先使用百度翻译官方API(稳定可靠),失败自动切换有道翻译备用
- 缓存机制:相同中文只翻译一次,提高响应速度
- 离线格式转换:翻译后的英文本地转换为各种命名格式,无需网络
首次使用配置(必须)
插件使用翻译API,需要先配置 Key 才能使用。推荐使用有道翻译(国内稳定可用,已测试)。
方式一:有道翻译API(推荐)
免费额度:每月100万字符
- 访问 https://ai.youdao.com/ 注册/登录
- 进入控制台 → 「创建应用」
- 服务选择「自然语言翻译」→「文本翻译」
- 创建完成后获得 应用ID(AppKey) 和 应用密钥(AppSecret)
- 打开 VSCode 设置(
Ctrl+,),搜索 chineseTranslator
- 填入 youdaoAppKey 和 youdaoAppSecret
或在 settings.json 中直接添加:
{
"chineseTranslator.youdaoAppKey": "你的AppKey",
"chineseTranslator.youdaoAppSecret": "你的AppSecret"
}
方式二:百度翻译API(备用)
免费额度:每月200万字符
- 访问 https://fanyi-api.baidu.com/ 注册/登录
- 进入「管理控制台」→「开通通用翻译API」→ 选择「标准版(免费)」
- 获得 AppID 和 密钥
- 在设置中填入 baiduAppId 和 baiduAppKey
{
"chineseTranslator.baiduAppId": "你的AppID",
"chineseTranslator.baiduAppKey": "你的密钥"
}
插件优先使用有道API,失败自动切换百度API。
常见问题
Q: 翻译结果不准确怎么办?
A: 可以在输入框中手动修改翻译结果,或者用更具体的中文描述。
Q: 支持离线使用吗?
A: 翻译需要网络,但格式转换完全离线。如果翻译失败,可以手动输入英文,然后选择命名格式。
Q: 可以自定义命名法吗?
A: 目前不支持,但欢迎提交 Issue 或 PR。
更新日志
0.2.0
- 新增 10 种命名法支持(原有 6 种 → 现有 10 种)
- 优化命名建议面板,显示每种格式的适用场景
- 改进悬停提示,显示命名法对照表
- 更新插件名称为「中文变量命名助手」
- 更新图标和描述
0.1.0
- 初始版本
- 支持 camelCase、PascalCase、snake_case 等基础命名法
- 右键菜单和快捷键支持
- 悬停翻译提示
License
MIT