几个有点冷门的 vscode 插件,但绝对好用!
vscode
插件,别看它冷门,但是真的咔咔提效。
驼峰翻译助手
写代码的时候,经常感慨,想变量名太难了!想英文变量名,更难!用这个就对了!
![](https://filescdn.proginn.com/2cdd58c3d1ecb4488740b5e02baceb1c/f318175973002f7318bac362b7ee0323.webp)
如果你的英文和我一样,不算特别好,真的墙裂推荐这个vscode插件!
中文一键翻译转换成常用大小驼峰、蛇形等格式。
![](https://filescdn.proginn.com/6339c1880e12c5c5c7425377f787f78c/3aadcd3d2dd02c91877814a1fb8a7ee0.webp)
安装好插件后,选择需要翻译的内容,按快捷键就可以调出上面的翻译内容,选择你需要的就行了。
win: "Alt+shift+t"
mac: "cmd+shift+t"
如果你选中的英文, 也可以快速的大小写、驼峰命名转换
i18n Ally
做过国际化的小伙伴对下面这种语法应该很熟悉:
如果你使用的 vscode 开发工具,则推荐安装 I18n-ally 这个插件
![](https://filescdn.proginn.com/e2b3eb407adc0e46e1de6e4e2affc72b/0858f239f21c9fe9aaefa95ced3febc4.webp)
i18n ally
是一款强大国际化(i18n
)插件,它帮助开发者更高效地管理和维护多语言应用程序的翻译字符串。
配置说明如下:
{
"i18n-ally.localesPaths": ["src/locales"], // 文件读取路径
"i18n-ally.keystyle": "nested", //支持嵌套对象(nested)和路径平铺(flat)两种书写格式
"i18n-ally.sortKeys": true, //保存时,按字母顺序排序(仅对 json 和 yaml 格式有用)
"i18n-ally.enabledParsers": ["json","js"], //选择启用的格式
"i18n-ally.sourceLanguage": "zh-CN",// 翻译源语言
"i18n-ally.displayLanguage": "zh-CN",//显示语言, 这里也可以设置显示英文为en
"i18n-ally.enabledFrameworks": ["vue", "react"]//指定要使用的框架。 如果未设置值,扩展将自动检测框架
}
![](https://filescdn.proginn.com/fb84f2feec8c1d1c0482bb582722d33c/8df627a94f1c1a9955c93cd34c9f0a26.webp)
⚠️注意:我在使用时发现,语言采用
js
文件,配置了"i18n-ally.enabledParsers": ["js"]
也没有找到语言文件,最后改成json
格式。
配置好该插件后,你的代码内可以实时看到对应的语言内容:
![](https://filescdn.proginn.com/c292c5dcd5c09d57e684ab1ac441ce58/7e4028973765657acc225d2b8af94452.webp)
该插件还提供了一系列的功能,使得国际化过程更加简单和自动化:
-
翻译工作流程:插件提供了一个集成的翻译工作流程,包括翻译提取、翻译编辑、翻译合并和翻译同步等。 -
编辑器内翻译:开发者可以直接在编辑器内查看和编辑翻译,无需离开代码环境。 -
翻译提取:自动从源代码中提取文本字符串,生成翻译键和初始的翻译文件。 -
翻译同步:同步翻译文件和源代码中的文本,确保翻译的一致性。 -
翻译验证:检查翻译文件中的语法错误和缺失的翻译,确保翻译质量。 -
语言切换:快速在不同的语言版本之间切换,方便比较和审核。 -
集成第三方翻译服务:支持与外部翻译服务(如 Google Translate)集成,自动翻译文本。
github Repositories
你还在 clone
或者下载 GitHub 的项目源码吗?
大家在查看或者想要修改GitHub仓库中的代码时,首先想到的都是git clone
下载代码到本地, 但是 git clone
操作需要等待比较长的时间,如果超时还要重来,费时费力。
不过,现在好了,可以使用VS Code直接操作远程GitHub仓库,无需Clone哦!
![](https://filescdn.proginn.com/1aafea86ae357108b23b0577459dd237/0c3c76cf25c2d7ad099d1228457b7590.webp)
github Repositories
允许你直接在VS Code中快速浏览、搜索、编辑和提交到任何远程GitHub仓库。
来实际体验一下Remote Repositories
的强大之处吧!
安装完插件后,在VS Code 左下角有个蓝色图标:
![](https://filescdn.proginn.com/917083ab0f41545fb80d9036bd72ac7a/f152d5794113f1b01d1c436312be033f.webp)
点击图标后,选择打开远程存储库
:
![](https://filescdn.proginn.com/5b9cee94d5155a10a00d48876962c64a/d7d9c3f0ca84abf9afd89ea100461fb8.webp)
例如我们想看 ant-design
的源码, 点击蓝色图标后,把 GitHub 上的源码地址复制进去就可以了。
![](https://filescdn.proginn.com/3653c5de9d778b176c40a272945c73a2/6d4991670d5ab0cf897a6052dcc294bc.webp)
可以看到ant-design
的源码瞬间就在vscode中了,还可以提交修改,岂不美哉!
GitHub Copilot
GitHub Copilot 于 2021 年 10 月推出,是 GitHub 的较新工具之一。Copilot 被称为“人工智能结对程序员”,它使用人工智能在编辑器中自动生成代码。
![](https://filescdn.proginn.com/d11783ac8587285bde8938b7eef2f9e8/5010b4200f81ec1e99d6dd02eef78ae2.webp)
去年 AI 大火后,作者就开始用它,这是不得不介绍的插件,它可以帮做一些重复性的代码工作,可以默默地增加摸鱼时间。
其实它现在已经算热门插件了。不过它是一个付费产品,首月可以免费使用:
![](https://filescdn.proginn.com/919d01e834a8b92f4c214cdbcbd3d4f8/2fc347862814caff2b627591aab88964.webp)
主要特点:
-
智能代码补全:GitHub Copilot 能够根据当前代码的上下文,自动补全代码,提供函数、类、方法等的代码建议。 -
多语言支持:支持多种编程语言,包括但不限于 Python、JavaScript、Ruby、TypeScript 等。 -
上下文感知:根据注释、变量名、函数名等上下文信息,生成符合逻辑的代码片段。 -
代码生成:可以根据开发者的描述或注释生成代码,例如,根据注释中的描述生成特定功能的函数。
👇🏻 点击下方阅读原文,获取鱼皮往期编程干货。
往期推荐