推荐一款很好用的VSCode变量翻译插件

简介: 本文介绍VSCode插件“var-translate-en”,可一键将中文翻译为英文并转为小驼峰等命名格式,支持百度、腾讯、阿里等翻译服务。通过简单配置与快捷键设置,提升变量命名效率,解决命名难题。

目录

前言

有次我跟前端朋友聊天,发现她对于变量命名很是纠结,很多时候不知道怎么命名好。这个我很擅长啊,我平时喜欢用翻译插件,来生成小驼峰命名的变量。先写一个中文作为注释,然后复制粘贴这个中文,然后按下快捷键就翻译成小驼峰了。下面我将为你介绍这块超级好用的VSCode翻译插件,希望你再也不用纠结变量如何命名了!

插件推荐 —— var-translate-en

介绍

插件的名字是:var-translate-en,插件安装地址如下:

var-translate-en - Visual Studio Marketplace

官方介绍是这样的:中文一键翻译为英文并转换成驼峰命名,提效神器🚀

它具有以下特点:

  • 一键翻译为英文,并转换成多种命名风格。
  • 支持自然语言翻译为中文(v1.0.4及以上)。
  • 多个免费翻译服务(必应、DeepL)。
  • 支持多平台翻译服务配置(百度、腾讯、阿里、有道)。

配置

选择翻译服务

这里我用的是百度翻译,免费版的额度是每月前5万字符免费,这个完全就够用了。

当然其他的腾讯、阿里、有道也可以用,这个看个人喜好了。

首先来到百度翻译开放平台官网,选择通用文本翻译:

点击立即使用:

进入控制台,点击总览:

VSCode插件配置

安装完插件后,打开首选项设置,搜索Var-translate-en(输入一部分也可以),找到对应的百度翻译配置,把刚刚记住的申请信息的APP ID和密钥,分别填入下面的两个箭头指示的输入框中:

VSCode插件快捷键设置

还是首选项中,找到键盘快捷方式,进入快捷方式的设置。

搜索var-translaste-en,键绑定为你想要设置的快捷键。这里我设置的是Option + E,Windows可以设置为Alt + E

使用

快捷键配置好了,就开始用了。比方说我下面随便输入一个中文的文本。

然后按下快捷键,立马会出现翻译结果。

各种风格的都有,回车就默认选择第一个小驼峰,这样就可以满足变量翻译命名的需求啦。

结语

用好变量翻译插件,可以很好的帮你解决命名起名难、容易重复的问题。无论是变量名还是文件名,都可以用这个插件。快叫你的小伙伴一起用起来!

目录
相关文章
|
开发工具 开发者 git
2023 Visual Studio Code 插件推荐:18 个提高开发效率的常用插件
Visual Studio Code (简称VSCode) 是一款强大的开源代码编辑器,它拥有众多功能强大的扩展插件,使得开发者可以根据自己的需求来定制编辑器的功能和外观。在本文中,我们将分享一些非常实用的 VSCode 插件,这些插件将提高您的开发效率,使编码变得更加愉快。
1444 2
|
前端开发 UED
【面试题】async/await 函数到底要不要加 try catch ?
【面试题】async/await 函数到底要不要加 try catch ?
277 0
idea实现protobuf的.proto文件编译成.java文件教程
1..proto文件语法高亮显示1.1 打开idea的插件列表1.2 下载protobuf辅助插件1.3 安装好后重启idea 在项目中新增配置生成环境 1.6.1
14492 0
|
4月前
|
人工智能 数据可视化 前端开发
震惊,Github开源,真正让程序员效率提升 90%的AI辅助工具来啦!!!
Claude Code Viewer 是一款开源浏览器工具,将 Claude Code 的终端日志可视化,支持会话管理、Git Diff 查看、文件预览与定时任务,实现远程交互与多项目导航,提升 AI 编程效率。
1386 0
|
2月前
|
JavaScript 前端开发 开发工具
前端开发必备的 VSCode 插件推荐(第三期)
本文推荐两款提升Vue开发效率的VSCode插件:vue-helper,支持代码扩选、快速跳转与变量定位;别名路径跳转插件,解决@路径无法跳转问题。配置简单,实用高效,助力前端开发提速。
476 1
|
2月前
|
Rust 安全 Docker
使用 uv 一键创建并激活 Python 虚拟环境(附完整脚本)
本文介绍基于 `uv` 的自动化脚本 `activate_env.sh`,一键完成安装 uv、创建并激活虚拟环境、安装依赖及环境信息输出,提升 Python 项目初始化效率,适用于个人开发、团队协作与 CI/CD 场景。
|
2月前
|
缓存 JavaScript 前端开发
Vue的生命周期详解及业务场景应用
本文详细介绍Vue.js的生命周期概念及各阶段钩子函数的作用,结合实际业务场景讲解如何合理使用created、mounted、updated等钩子进行数据初始化、DOM操作、资源清理等,帮助开发者提升组件管理能力与代码性能。
126 0
Vue的生命周期详解及业务场景应用

热门文章

最新文章