不要这样搞，太费力，如果用 ai 就不要太在意细节。

如果很在意细节希望能完美还原，建议对着 figma 做一套组件库，然后让 ai 一比一还原组件库（这个因为上下文小所以一般小组件不复杂的都能还原）

然后后续都调用组件库拼页面，善用 auto layer 和 grid ，这样 ai 能自动识别然后基本无差还原。

高保真还原要求，ai 现在就是不行，哪怕有 ui 稿，稍微复杂一点的也搞不定，多少得懂点，起码知道怎么改能改对才能指导 ai 修改对。

万元以内基本不可能，要是十万块以内你可以买 mac 蜂窝煤，大概跑个 glm 这种国产的单人能到 40-50token/s

搜索一下 a2ui 有在定协议

不降智，最大的问题是慢的一批

最近卡的不行一句话等一分钟

上下文短，和 cursor 搭配的不好，但是无论是 opencode 还是 claude code 都还不错，比 4.5sonnet 差一点。

干活其实挺 ok 的，还便宜，比 opus 那确实完全不是对手。这价格差太多了吧没得比。

他最大的问题还是 plan 能力稀烂，不好好整提示词，这孩子干活干的乱七八糟

@xfq2 那是 vue 插件的问题，没的解决方案

@jenson47 你想要更好的 temlate 提示的话，可以考虑用 vue marcos 代价是编辑器更卡了

@jenson47 不完全是这个问题，vue-tsc 在超大项目里面跑就是很卡，你换 tsc 就不卡

同理 ts language server 不卡，vue language server

我觉得核心还是 vue 现在 ts 推导太复杂，需要简化

你们可以试试在线去看看这个实现： https://s.icepro.top/TFXr5z

泛型什么支持也都很好用

https://i.imgur.com/sLKoVaw.png

@jenson47 #23

你说的这个我之前用过，项目大了以后 defineComponent 很卡的，而且最关键的是类型声明很麻烦。

所以最后考虑是放弃一点性能，完全依靠官方 ts 的语法来实现,所有的属性都从 props 传递，scoped slot 用 children 约束：

https://i.imgur.com/5PHv2GJ.png

这样编辑器也不卡了，写起来还方便 https://i.imgur.com/L62ZP7V.png

再补充一个 playground 地址，可以直接试试语法

https://vueireact-repl.vercel.app/

@ochatokori

试试我这个方案，ts 体验很好，vue3 版本刚开发玩，vue2 的用了很久了。

https://vueireact-docs.vercel.app/

https://github.com/iceprosurface/vueireact

@Gaoti jsx 写的多！要不要来试试我整的花活，可以和 react 差不多的 tsx 编写体验

https://github.com/iceprosurface/vueireact

可以直接去 REPL 上实验：

https://vueireact-repl.vercel.app/

至于 console 1212 因为 await 的原因应该是要等到整个微任务队列清空以后才会执行的吧，这种代码我觉得纯 八股文，如果要保证时序，应该从业务考虑

你这段代码：
```
const getNum = () => {
console.log("getnum 执行")
return new Promise(async (resolve,reject) => {
console.log("promise 开始")
resolve(1)
addMicro("haha")
console.log("promise 结束")
addMicro("===")
});
};
```
执行到 addMicro 的时候下一个微任务队列是：

[addMicro("haha").then, addMicro("===").then]

我记得理论上 Promise.resolve().then 的回调函数会在当前同步代码执行完毕后加入微任务队列的。

关系型数据库的话可以考虑 tidb cloud ，查询量不大的话应该也够用