VSCode插件推荐:想准时下班,你需要Codeium的帮助🚀🚀🚀,分享AI写代码的愉快体验,附详细安装教程

人工智能代替牛马写代码的说法相信给不少和我一样的牛马带来了焦虑,但是今天我会介绍一个AI插件,助我按点下班不加班,让我从焦虑AI转变为享受AI。

今天的主角是:Codeium

一款可以聊天、自动补全代码、分析代码的编辑器AI插件。

文章同步在公众号:萌萌哒草头将军

chat聊天

除了像chatGpt一样,生成对话,还可以将输出的函数插入到页面中

image.png

自动补全代码

Codeium 会自动根据代码上下文生成代码,例如,我在src/views下新建了一个文件夹:AICodeTest,并新建了index.tsx,当我想新建一个组件时,写入了export const ,自动根据文件夹、其他组件的书写习惯,自动生成统一风格的代码(灰色),按下Tab键,生成正常代码

AiCode.gif

另外,我们在书写逻辑时会自动猜想接下来的逻辑,基本上八九不离十。

image.png

image.png

如果想要获得更精准的猜想代码,你可以提供详细的注解

AiCode2.gif

可以看到,即使我把单词拼错了,也会自动校正,接着写一个请求函数

image.png

根据请求结果过滤其中的值

image.png

可以看到十分便捷

修改代码

当我们需要修改代码或者理解一段代码,可以先选中代码,然后按下ctrl + i,就会弹出一个评论框,可以输入要求,会自动修改代码

image.png

image.png

生成的代码和合并git代码一样,我们只需要点击accept或者reject即可

image.png

增加注解

选中代码后选择Codeium Refactor按钮,或者右键选择菜单,即可选择更多的命令

image.png

或者

image.png

调出命令工具

image.png

image.png

安装方法如下(以vscode为例)

1.打开插件市场,搜索Codeium,点击install

image.png

2. 安装完成后右下角出现弹窗,点击login,并允许打开官网登录

image.png

image.png

3.登录账号

输入账号登录,或者使用谷歌账号登录

image.png

没有账号的话可以选择注册

image.png

注册完成后会请求打开vscode

image.png

看到欢迎的弹窗说明安装成功

image.png

4.配置token

此时会发现浏览器自动打开了一个Token Auth的页面,复制token,然后回到 vscode,按下ctrl + shirlt + p,打开控制面板,输入Codeium,选择 Provide Authentication Token 选项,将复制的token粘贴在输入框,然后回车,看到 welcome back to codeium,豁免配置成功了。

image.png

然后重载编辑器(ctrl + shirlt + p,选择 reload window),即可正常使用了

image.png

5.使用

点击侧边栏的图标,输入一个命令,检测是否正常

image.png

哇偶,奥瑟姆!

好了,今天的分享就这些了,希望可以帮到你!最后记得关注我的公众号:萌萌哒草头将军

阅读全文
下载说明:
1、本站所有资源均从互联网上收集整理而来,仅供学习交流之用,因此不包含技术服务请大家谅解!
2、本站不提供任何实质性的付费和支付资源,所有需要积分下载的资源均为网站运营赞助费用或者线下劳务费用!
3、本站所有资源仅用于学习及研究使用,您必须在下载后的24小时内删除所下载资源,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担!
4、本站站内提供的所有可下载资源,本站保证未做任何负面改动(不包含修复bug和完善功能等正面优化或二次开发),但本站不保证资源的准确性、安全性和完整性,用户下载后自行斟酌,我们以交流学习为目的,并不是所有的源码都100%无错或无bug!如有链接无法下载、失效或广告,请联系客服处理!
5、本站资源除标明原创外均来自网络整理,版权归原作者或本站特约原创作者所有,如侵犯到您的合法权益,请立即告知本站,本站将及时予与删除并致以最深的歉意!
6、如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
7、如果您喜欢该资源,请支持官方正版资源,以得到更好的正版服务!
8、请您认真阅读上述内容,注册本站用户或下载本站资源即您同意上述内容!
原文链接:https://www.shuli.cc/?p=21501,转载请注明出处。
0

评论0

显示验证码
没有账号?注册  忘记密码?