前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >写注释就能自动出代码?copilot 尝鲜

写注释就能自动出代码?copilot 尝鲜

作者头像
lucifer210
发布2021-10-14 16:10:44
7K0
发布2021-10-14 16:10:44
举报
文章被收录于专栏:脑洞前端脑洞前端

copilot 是一个基于 AI 的编程辅助工具。目前已经集成在了 vscode 中,后续可能集成到更多平台和工具,目前还是测试阶段。官网地址:https://copilot.github.com/

支持所有语言

copilot 是利用网络中现有的公开数据,尤其是开源在 Github 上的代码, 然后基于机器学习算法训练出来的。因此 copilot 理论上支持所有编程语言。

目前我测试了 JS 和 Python,效果都还蛮不错的。官方提供了 ts,go,py 和 rb 语言的示例。

注释即代码

你可以通过编写注释然后一路根据 copilot 的提示编写出完整的程序。

比如我想根据 Github 用户名获取用户信息。我只需要写下这样一行注释。以 JS 为例:

代码语言:javascript
复制
// 根据 Github 用户名获取用户信息

copilot 是如何一步步引导你完成完整功能的呢?我们来看下。

第一步:

注意:注释下面的代码颜色是浅色的,是 copilot 提示出来的。下同,不再解释。

按下 tab 键就会浅色的代码就会被填充,并提示接下来的代码。

第二步:

再次按下 tab 键,整体的代码就生成了。

类似的例子还有很多,等待大家来探索。

代码补全

IDE 的一个很重要的功能就是代码补全。copilot 增强了 IDE 的补全功能。

copilot 可以根据你的代码仓库以及世界上公开的代码仓库提示你可能的输入,从而减少你敲击键盘的次数,在更短的时间写出更多的代码,获取更多的摸鱼时间。

举个例子,仍然以 JS 为例。我想发送一个 fetch 请求。

代码语言:javascript
复制

fetch('https://www.leetcode-solution.cn', {

它就提示我:

接下来按照它的提示,只按 tab 不写代码的情况就可以写出如下代码。

代码语言:javascript
复制
fetch("https://leetcode-solution.cn", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  body: JSON.stringify({
    question_id: "1",
    lang: "javascript",
    code: "console.log(1)",
  }),
}).then((res) => {
  console.log(res);
});

对我的仓库功能来说, 上面代码有一小部分是有问题的。不过我只需要稍微改改就行了。效率提升还是不错的。

如何使用?

在 vscode 插件市场搜索 github copilot,点击 install,然后按照提示安装即可。

安装好了就可以体验了!写写注释?敲敲代码?按按 tab?代码 duang 的一下就生成了。

总结

copilot 是一个类似 tabnine 的 ai 编程辅助工具,目前以 vscode 插件的形式提供免费服务,目前是测试阶段,还没有最终发行。它有自动提示,根据注释写代码等诸多激动人心的功能。

更多功能以及最新动态请访问官方网站:https://copilot.github.com/

  • 后台回复:typescript,获取我写的 typescript 系列文章,绝对精品
  • 后台回复:电子书,自动获取我为大家整理的大量经典电子书,省去你筛选以及下载的时间
  • 后台回复:不一样的前端,自动获取精选优质前端文章。
  • 后台回复:算法,自动获取精选算法文章。另外也可关注我的另外一个专注算法的公众号力扣加加
  • 后台回复:每日一荐,自动获取我为大家总结的每日一荐月刊,内含精品文章,实用技巧,高效工具等等
本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2021-10-08,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 脑洞前端 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 支持所有语言
  • 注释即代码
  • 代码补全
  • 如何使用?
  • 总结
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档