AI 自动化编程 trae 体验 页面添加富编辑器
体验总结
目前solo功能未使用过,
trae 能够准确率很高地处理简单问题,如代码格式化等。
对于复杂的问题,如涉及代码组件版本和bug等问题,准确率主要依赖整个互联网资源库的分析,
目前准备率一般有时候还不如自己添加代码,但是有时候确实能快速解决问题
分析完后自动化处理代码很容易出现问题,有时候会把不处理的代码删除掉。
操作方式和vscode类似,目前只能当作补充工具使用,习惯idea的人建议还是用idea 同时开发前端和服务端。
4_集运维平台使用_哔哩哔哩_bilibili
trae 体验 本页面添加富编辑器wangedit
询问
步骤 1: 引入 WangEditor 组件和样式
点击应用自动化修改代码
步骤 2: 注册组件
点击应用自动化修改代码
步骤 3: 添加编辑器配置和实例
生成的代码是有问题的,
onChange: (editor) => {
this.vd_editForm.contV1 = editor.getHtml();
},
这段要删除 官网的最新版本demo 不需要这个否则会报错
而且很恐怖的是我这边点应用居然把我data 下面的代码全删除 无语.....
步骤 4: 添加初始化和销毁方法
官网5版本的demo 不需要绑定数据
if (this.editorInstance) {
this.editorInstance.setHtml(this.vd_editForm.contV1 || '');
} 这段不用
.....后面的几个步骤都有点问题 部分可以
步骤 7: 替换模板中的文本框为富编辑器、
这段代码也是有问题的 多个版本的demo都提醒这样写
onCreated(editor) {this.editor = Object.seal(editor) // 一定要用 Object.seal() ,否则会报错},
具体看官网
用于 Vue React | wangEditor
但是ai给的代码 是有bug的导致把我搞了很久,会出现
Cannot resolve a DOM node from Slate node: {"text":""}报错
而且出现bug我多次问ai 都没处理好
下面是ai给的代码
ai给的代码bug问ai还是没处理好
分析到一半啥结果都没有,讲到一半停了 ,这个问题其实就是ai给的代码有问题,按官网的demo来及可
总结 ai处理问题 跟抽奖类似 有时候变成狗头军师,有时候又是孔明显灵:
有时候确实能搞定,但是有时候越搞越乱。 还是直接官网看demo来的快