🏅GitHub Copilot Labs 自动翻译代码 | Copilot AI智能辅助编程姊妹篇

本文是《GitHub Copilot AI智能辅助编程》的姊妹篇 :dart:

:no_mouth:用起来很棒, 大家和我一样都是小白的, 可以用一用

:medal_sports:GitHub Copilot Labs 自动翻译代码 | Copilot AI智能辅助编程姊妹篇
辅助理解代码 + 不同语言的代码直接转换 * :raised_hands:
:sunglasses:最近才发现的, GitHub Copilot Labs 使用体验
:medal_sports:非常赞, 真的让人惊讶, 原来还有这样的操作

GitHub Copilot 总地址

https://copilot.github.com/#faqs

Copilot Labs 官网介绍 :dart:

https://githubnext.com/projects/copilot-labs/

0. 功能演示

知道大家关心功能和效果, 这个做个简单的演示->
还是老规矩, 让 Copilot AI 写点代码, 这次换成 Copilot Labs 来捧场翻译代码
人工智能互相扶持, :laughing: 如下图::

目前支持转换翻译的代码类型有如下这些( hack Vscode 拿到的值)
abap, bat, bibtex, blade, c, clojure, cobol, coffeescript, cpp, csharp, css, dart, dockerfile, 
elixir, erb, fortran, fsharp, go, groovy, haml, handlebars, html, ini, java, javascript, 
javascriptreact, jsonc, jsx, julia, kotlin, latex, less, lua, makefile, markdown, mdx, 
objective-c, objective-cpp, perl, php, pug, python, powershell, r, razor, ruby, rust, sass, scss, 
shaderlab, shellscript, slim, solidity, sql, stylus, svelte, swift, terraform, tex, typescript, 
typescriptreact, vb, vue-html, vue, xml, xsl, yaml, zig 

:bowing_man: 现在开始操作

操作前的准备
1.请确保已经把我写的这个文章的步骤操作完成, 这个步骤完成后, 剩下的步骤就不用看了
《GitHub Copilot AI智能辅助编程》
2.确保自己有 GitHub 的账号, 确保自己已经获取到了 Copilot AI 的资格,
3.请确保自己已经在 Vscode 上登录了 GitHub 的账号,
4.如果没有资格的话, 申请后需要等待几天, 这次演示还是继续用上次申请的账号

1. 先打开 Vscode 并搜索安装 GitHub Copilot Labs 插件(操作如下)

2. 安装完成后, 看右下角这里, Sign in to Github, 登录就好了

多跳转登录几次, 有时候成功了但是不显示状态, 这个时候点击下侧边栏看看有没有就行了

2.1 点击 Sign in to Github

2.2 跳转网页登录(这个样子是没成功的)

2.3 跳转回 Vscode 看看(这个样子是没成功的)

2.4 重启 Vscode 继续操作(这两个全部 agree, 成功了)


3. Copilot Labs 能做什么?(引述官网的讲解 + 自制 GIF)

目前,Copilot Labs 包含一个包含不同功能的 VS Code 侧边栏。推出了两个功能:“解释这段代码”和“翻译这段代码”。安装 Copilot Labs 扩展后,将副驾驶图标在边栏中看到一个 Copilot 图标。点击它会显示侧边栏,每个实验都在一个单独的面板中。
就是下图的这个地方::

3.1 解释这段代码 (基本上每行都解释一下, 网速不好就加载慢)

每个开发人员都知道编写新代码只是软件开发的一部分。通常,开发人员面临的最困难的工作是阅读和理解代码。无论是因为它是一个不熟悉的代码库,还是有问题的代码是否使用了您可能不知道的库,第一步都是大致了解发生了什么,因此您可以进入并使用代码,或者进行一些更改.
此功能可让您突出显示一段代码并让 GitHub Copilot 用通俗易懂的语言对其进行解释:

选中想知道的代码后, 查看侧边栏(其实侧边栏可以一直打开放在那里),
然后点击侧边栏的 Ask Copilot (算是个小老师), 然后就把解释生成了,
目前翻译的是英文版的解释, 不过去百度翻译一下问题不大,
不过目前来说, 解释的还是有点呆板把:



3.2 创建自定义提示(没试过, 大家可以看官网研究下)

我们提供了一些预设提示来帮助您入门:三个用于解释特定代码块的作用,另一个用于生成调用函数的示例代码。
您可以自定义查询的提示和停止顺序,以便提出使用Codex解释代码的新应用程序。创造这些感觉更像是一门艺术而不是一门科学!提示和停止序列公式的微小变化会产生非常不同的结果。三个不同的“解释”示例展示了倾向于从模型中产生有用响应的策略,但这是未知领域。我们很高兴看到你用它来做什么。
如果您想制作自己的预设,这些关于提示设计停止序列的文章是一个很好的起点。

3.3 翻译这段代码(这个功能不能选太多代码, 很难计算较多代码, 网速不好就加载慢)

:astonished: 我还是最喜欢这个功能, 很 Nice , 要是早点有这个功能, 可以少走许多弯路 :astonished:

不过目前这个功能还不是很完善 * :confused:
网速慢的时候, 计算起来, 有点焦急 (不过一分钟也差不多了)
不能翻译过长的代码, 另外翻译后记得检查一下代码 :smirk: :smirk:

3.3.1 简单地选择一下测试的 js 代码, 翻译下

3.3.2 让 Copilot Labs 辅助下 GitHub Copilot * :muscle: :smiley:

人工智能, 菜鸡互啄 :boom: * :boom: :smirk:



3.3.3 支持翻译的代码类型 (列举如下)

目前支持转换翻译的代码类型有如下这些( hack vscode 拿到的值)

vscode-option value="abap"
vscode-option value="bat"
vscode-option value="bibtex"
vscode-option value="blade"
vscode-option value="c"
vscode-option value="clojure"
vscode-option value="cobol"
vscode-option value="coffeescript"
vscode-option value="cpp"
vscode-option value="csharp"
vscode-option value="css"
vscode-option value="dart"
vscode-option value="dockerfile"
vscode-option value="elixir"
vscode-option value="erb"
vscode-option value="fortran"
vscode-option value="fsharp"
vscode-option value="go"
vscode-option value="groovy"
vscode-option value="haml"
vscode-option value="handlebars"
vscode-option value="html"
vscode-option value="ini"
vscode-option value="java"
vscode-option value="javascript"
vscode-option value="javascriptreact"
vscode-option value="jsonc"
vscode-option value="jsx"
vscode-option value="julia"
vscode-option value="kotlin"
vscode-option value="latex"
vscode-option value="less"
vscode-option value="lua"
vscode-option value="makefile"
vscode-option value="markdown"
vscode-option value="mdx"
vscode-option value="objective-c"
vscode-option value="objective-cpp"
vscode-option value="perl"
vscode-option value="php"
vscode-option value="pug"
vscode-option value="python"
vscode-option value="powershell"
vscode-option value="r"
vscode-option value="razor"
vscode-option value="ruby"
vscode-option value="rust"
vscode-option value="sass"
vscode-option value="scss"
vscode-option value="shaderlab"
vscode-option value="shellscript"
vscode-option value="slim"
vscode-option value="solidity"
vscode-option value="sql"
vscode-option value="stylus"
vscode-option value="svelte"
vscode-option value="swift"
vscode-option value="terraform"
vscode-option value="tex"
vscode-option value="typescript"
vscode-option value="typescriptreact"
vscode-option value="vb"
vscode-option value="vue-html"
vscode-option value="vue"
vscode-option value="xml"
vscode-option value="xsl"
vscode-option value="yaml"
vscode-option value="zig"
4赞

祝,
各位玩家用得开心 :sparkling_heart: !

大佬 orz,学到了学到了

1赞

:smile: :smile:

问题来了,会不会出现简单的代码看的懂,复杂的代码这个插件又解释不清呢?比如shader里面的各种算法

就目前来看, 如上文所说的这个文件类型, 对 shader 的语言支持并不怎么友好

Effect 文件举例::

PS: 要是它能处理比较复杂的逻辑, 估计就是要收费了(目前免费)

就像这样, 所以, 这个仅仅是能处理些简单的逻辑 (不然就不用自己去检查了) :upside_down_face:


大佬,每篇文章都这么长,用心了。可以了论坛没有礼物,弹幕的功能,不然给你刷刷礼物,扣扣6666

1赞

:smiley:
感谢支持, 其实我的初心就是:

让更多的想学习游戏开发的朋友, 可以更好地无障碍入门

大家和和气气地交流学习, 岂不美哉

可惜可惜, GitHub Copilot 在 8 月 22 日之前免费

END , 目前来看还能再用不到两个月 (补充一下)

都是套路呀, Copilot 还是要收费了, 看了下, 还蛮贵的