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来的快

相关推荐
Doris__HE43 分钟前
【元脑服务器NF5476G7-NF5476M7技术规格分享】
运维·服务器·网络·数据库·性能优化
千里码aicood2 小时前
基于PLC的简易三轴工件搬运平台设计
自动化·plc
科技研学社4 小时前
自动化缝制升级:支撑产业海外转移,降低建厂用工门槛
人工智能·自动化
闲云野鹤在人间4 小时前
docker 入门 | 第7章 容器监控 和 第8章 容器日志 详解
运维·docker·容器·架构·云计算
亚川楼宇自控系统数据中心厂家4 小时前
IBMS 集成如何打通数据中心的子系统数据孤
运维
蓝速科技4 小时前
桌面双屏翻译机量产调试:三类场景兼容性破局方案丨蓝速科技
运维·数据库·人工智能·科技·技术分享
见闻小天地4 小时前
脱硫脱硝塔选变频器避坑指南:四方DL500变频器使用体验分享
大数据·运维·人工智能·业界资讯
吴声子夜歌5 小时前
Shell编程实例——内务及管理任务(一)
linux·运维·shell
懂软件的胡子个哥5 小时前
微信二次开发如何保护接口安全,Token、权限和重放防护都要考虑
微信·自动化·wechatapi·个人微信号二次开发·微信群管理
wdfk_prog5 小时前
ROS教程10:从 gtest 到 rostest——Unit Test、Node 集成测试、rosbag 与 rqt 验证闭环
运维·缓存·docker·容器·ros