我正在参加「豆包MarsCode初体验」征文活动 juejin.cn/post/738499…
如今,人工智能正在开疆扩土,在社会各个领域中都在迅速的被拓展应用,特别是在高科技领域。而今天要说的MarsCode是基于字节豆包大模型打造的智能编程工具,既然是编程工具,那就一定要好用才会得到认可,接下来我就实际操作一下看看对我们开发者帮助几何?
项目搭建
在MarsCode官网www.marscode.cn/dashboard 注册账号后,就可以创建项目,我选择的是vue框架,如图:
填写好项目信息后,点击创建按钮,一个vue项目就创建好了:
依赖包已经自动安装,可以直接运行
实战体验
我想做一个简单的模拟登录的小功能,来测试一下MarsCode是否真的那么智能。
首先,我创建了一个login.vue的空页面,在App.vue中替换掉HelloWorld.vue,如图:
此时login.vue中由于没有根元素而报错,这时候我想,是否可以让MarsCode帮助我生成一个vue页面的模板呢? 于是我在AI Assistant中对话框中输入“请把页面补充完整”,然后ai就生成出一系列的代码如下:
最惊讶的是,marsCode已经知道我要在这个页面做一个登录功能了,于是就把input输入框和需要的变量都生成出来,我在想,他一定是根据我创建的login.vue这个文件名字识别的,所以我决定测试一下,把文件名称改成delete.vue,然后用同样的问题让Marscode再生成一次,果然:
此时生成的页面是一个删除业务的代码,可以根据文件名称来生成你想要的代码,真的是太厉害了吧!
我们把刚才login.vue的代码直接复制过来看:
我觉得只是把样式略微调整一下,就可以直接使用了,真的是太方便了!而且MarsCode已经把vue项目的生态链都考虑进去了,会告诉你登录成功后,该在哪里利用vue-router进行页面跳转。真的是一个细心的AI。
以上就是我在简单体验MarsCode后的发现和感想,其实MarsCode还有更强大更实用的能力,比如代码补全、生成注释、错误修复等等,这些在代码开发过程中一定会给开发者带来更多的帮助,现在vsCode插件市场已经可以搜索到MarsCode,方便开发者安装应用,带来高效的编程体验。