各种工具点评以供选择使用

 

 

AI工具： 

　　智能IDE：

　　　　CodeFuse：ai集成环境：代码生成，图生码，单元测试。。。

　　　　TRAE： 智能IDE: 智能问答 代码生成 从0到1开发项目。。。

　　

　　需求描述=> UI=> 代码：

　　　　weavefox：　　

　　　　　　1 WeaveFox有意图生码功能（文字描述需求，就可完成设计，并实现功能）；

　　　　　　2 用于设计稿转代码的图生码工具；

　　　　　　3 MCP服务等功能；

　　　　　　功能介绍如下：https://www.bilibili.com/video/BV1P3KFzqEY9/?spm_id_from=888.80997.embed_other.whitelist&t=37.250606&bvid=BV1P3KFzqEY9&vd_source=0e72ddf9a255b707113a45c5e53fc322

 　　　　　　亮点：设计还原度高；代码质量高；还能自动修复代码；

　

　　设计图=> 代码：

　　　　weavefox: 设计图 => 前端代码： 支持选技术栈；UI还原度高；功能实现度高；代码质量高。

　　

　　提示词：

　　　　鹦鹉：提示词平台。 有大量沉淀的优秀，可复用的提示词。支持创建和复用自己的提示词。

 

　　对话类：

　　　　deepseek

　　　　chatGpt

　　

 开发工具：

SuperSider（chrome插件）：

　　在web上点击，就能快速定位到代码，避免找代码消耗时间。且和codefuse打通了，直接输入提示词可编码。

　　　features: 

　　　　1. 通过审查元素 - 从页面 UI 直接定位到源代码 

　　　　2. 元素微调发送到IDE

　　　　3. Debug能力 - 帮你修复Bug(页面报错，会显示出来，点击即可定位代码，并点击自动修复)

　　优势：相较于内部外部的审查工具，无需在项目安装插件，只需要一个浏览器插件+CodeFuse IDE

 

 

 

NiceModal：

　　模态框管理工具库（npm包）

 

 

脑图软件：

1.最好可以像百度脑图那样可以写注释 2.要有导出功能备份功能 

 

Mindmaster :

功能： 1. 2(收费)   

缺点： 导出和节点数都被限制，需要会员！ 

特色：支持下钻

 

 

迅捷思维导图：

缺点： 太丑了，节点数都被限制，需要会员！

 

思维导图统一痛点：

格式太多，互相之间兼容性不好，有些注释换个软件就看不到了

 

 

移动端兼容性测试：TestFun ，可一机多控，简直帅炸了，一下子测试几十台设备： https://testfun.alipay.com/

 

 

设计稿实现工具：

Pixel Perfect Pro插件： 谷歌插件，可支持在网页和设计图对比，看是否完全重合。如果需要完全精确还原设计稿，就要用这个插件

 

=======================================================================================