下载HBuilder X:https://www.dcloud.io/hbuilderx.html
1、安装 CodeGeeX 插件
智谱AI 于 2023年11月22日首次发布了智谱HBuilder X 中的 CodeGeeX 插件。通过“工具-插件安装”菜单,进入插件市场,搜索 CodeGeeX,可找到相应的插件,点“下载插件并导入 HBuilderX”后确认安装即可。须要登录,可利用邮箱注册后登录。

2、利用
CodeGeeX 插件基于 CodeGeeX 代码天生模型,供应了包括代码天生与补全、代码翻译、注释天生、代码阐明等多种功能。CodeGeeX 插件能够在编辑器中自动天生或补全代码,天生的代码会以灰色显示,按下 Tab 键即可插入当前位置,Esc 键取消。注释生成功能则可以自动为代码添加注释,支持中文和英文两种措辞。CodeGeeX 还支持代码翻译功能,可以将选中的代码片段翻译成其他措辞,同时,插件支持直接的问答交互办法。
2.1、加载 CodeGeeX 插件视图
通过菜单加载:视图 - 插件扩展视图 - CodeGeeX
2.2、登录
开始利用前须要进行登录,会跳转至浏览器登录,可邮箱注册后登录,也可利用 HBuilderX 的登录账号。
登录后,插件视图如下图所示。
2.3、代码阐明、注释天生
选择代码段,在插件视图中会显示选择的代码,此时,在对话框中,可以通过 / 来下达指令,/explain 是代码阐明,/comment 是为代码添加注释。
代码阐明和添加注释也可以通过右键菜单完成操作。
2.4、代码天生
通过书写注释描述,插件会自动根据高下文预测代码并以灰色字体呈现,按 Tab 键接管。修正代码时也会进行预测,根据高下文补全代码。
2.5、问答交互
可以直接以对话的办法问答,相称于内部集成了一个 AIGC 的大模型运用。可以跟他进行普通的对话。如:你是谁,可以画一幅山水画吗?
当然,它紧张的功能还是赞助编码,并供应与代码文件良好的对接办法。
如问:在 vue2 中完成加载显示摄像头,添加一个按钮点击后进行截图的代码。
得到回答后,代码块可直接“插入”当前位置或“复制”。如果选择部分代码这里有点问题,右键和 Ctrl+C 都无法复制,但可以利用鼠标直接拖到得当的位置。
3、小结
AI的发展会改变很多东西的形态,我们可以做的是多去利用,更闇练地跟AI打交道,更有效地向AI提问来办理问题。CodeGeeX 插件相称于内部集成了一个智谱清言,单这一点就挺值得一用的。