推荐一款很好用的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

使用

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

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

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

结语

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

目录
相关文章
|
6天前
|
安全 网络安全 开发工具
解决 Host key verification failed 报错的三种方法(含 SSH 安全建议)
本文由喵喵侠撰写,详解Git提交时常见报错“Host key verification failed”的成因与解决方案。当SSH密钥变更或服务器重装系统时,本地记录的主机密钥会失效,导致连接被拒。文章提供三种解决方法:使用`ssh-keygen -R`删除旧密钥、手动编辑`known_hosts`文件,或临时禁用严格检查(不推荐生产环境)。同时强调安全建议:确认服务器状态、核对密钥指纹、启用`VerifyHostKeyDNS`防范中间人攻击。帮助开发者快速定位问题,保障代码提交顺畅。
131 0
|
Oracle Java 关系型数据库
三分钟拿下dbeaver企业版
数据库管理工具Dbeaver,开源的企业版,功能丰富
3002 0
三分钟拿下dbeaver企业版
|
6天前
|
JavaScript 前端开发 IDE
前端开发项目必备VSCode代码定位神器——code-inspector-plugin
本文介绍了一款由快手前端团队开发的高效开发工具——code-inspector-plugin。该插件可实现点击页面DOM元素,自动定位至IDE中对应源码行,支持Vue、React等主流框架及Webpack、Vite等多种构建工具,无侵入、易集成,大幅提升前端开发调试效率。
82 0
|
10天前
|
数据采集 人工智能 运维
AgentRun 实战:快速构建 AI 舆情实时分析专家
搭建“舆情分析专家”,函数计算 AgentRun 快速实现从数据采集到报告生成全自动化 Agent。
354 26
|
2月前
|
人工智能 Java API
Java 正式进入 Agentic AI 时代:Spring AI Alibaba 1.1 发布背后的技术演进
Spring AI Alibaba 1.1 正式发布,提供极简方式构建企业级AI智能体。基于ReactAgent核心,支持多智能体协作、上下文工程与生产级管控,助力开发者快速打造可靠、可扩展的智能应用。
2119 43
|
6天前
|
人工智能 前端开发 搜索推荐
前端开发必备的 VSCode 插件推荐(第二期)
本文由喵喵侠推荐三款实用VSCode插件:background自定义编辑器背景、Codeium提供AI智能补全、colorize实现颜色值实时高亮,提升开发效率与视觉体验,适合前端开发者使用。
103 0
|
6天前
|
人工智能 前端开发 Go
前端开发必备的 VSCode 插件推荐(第一期)
本文推荐三款提升前端开发效率的VSCode插件:Live Server实现网页实时预览,Tencent Cloud AI Code Assistant提供智能补全与代码优化,WakaTime记录编程时长。助力开发者高效编码,欢迎交流分享使用心得。
90 0
前端开发必备的 VSCode 插件推荐(第一期)
|
6天前
|
JavaScript 前端开发 开发者
JavaScript实战:探究数组循环截取的实现技巧
本文介绍如何使用JavaScript实现数组的循环截取功能,适用于视频列表轮播等场景。通过for循环和slice两种方法,每隔固定时间截取4个元素并循环滚动索引,保证无缝衔接。详细讲解实现思路、代码解析及两种方法的优劣对比,帮助开发者提升实际编码能力。
35 1
|
6天前
|
JavaScript 搜索推荐 测试技术
为什么要使用 Git 作为代码版本管理工具?
本文记录了一次Vue2项目打包卡在最后一步的排查过程。作者发现测试环境打包被阻塞,通过回退配置定位到`code-inspector-plugin`插件及`.env.test`中`NODE_ENV=production`的错误配置,修正后问题解决。
29 1
|
6天前
|
缓存 JavaScript 前端开发
Vue的生命周期详解及业务场景应用
本文详细介绍Vue.js的生命周期概念及各阶段钩子函数的作用,结合实际业务场景讲解如何合理使用created、mounted、updated等钩子进行数据初始化、DOM操作、资源清理等,帮助开发者提升组件管理能力与代码性能。
28 0
Vue的生命周期详解及业务场景应用