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

目录

• 前言
• 插件推荐 —— var-translate-en
  • 介绍
  • 配置
  • 选择翻译服务
  • VSCode插件配置
  • VSCode插件快捷键设置
• 使用
• 结语

前言

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

使用

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

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

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

结语

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