前言

之前就用vuepress搭建了一个公益网站,但是因为使用的是vuepress,所以很多东西都是固定的,于是就下定决心重构一下。

碎语

最近cursor的免费额度没了,所以就换了腾讯的Codebuddy,虽然国际版的额度只有1000,但是也足够我重构这个项目了。

果然重构完整个代码,也就使用了555的额度,还有400多额度够我嚯嚯的,当然这个额度也有时间限制,就是一个月。

不过也足够了,而且这个软件不仅对接了claude 3.7,还对接了claude 4.0以及GPT 5.0,所以还是非常不错的。

构建过程中遇到的问题,类似样式,众所周知AI写出来的样式还是不太好看的,需要我们手动调整一下或者让AI帮忙调整。

有了AI编程,写一些前端页面就变得很简单,就是需要花费一定的时间(毕竟没有编程基础)。

为何选择vu3呢？其实一开始打算使用的是astor,但是astor用AI编程的话他总是会因为某些我无法理解的原因一直卡在一个问题,非常的难受。

vue3对于目前的AI编程来说还是简单一点的,就是VUE3的路由有点难搞,我的想法是想访问的时候路由是域名/stats这种,而不是域名/#/stats,但是生成出来的文件还是只有index.html,或者更改路由变成域名/stats/,虽然只多了一个/,但是对于强迫症的我来说还是有点难受的。

所以最后还是决定生成一个index.html,并且通过nginx配置来解决这个问题。

都到这了,那就将代码贴出来吧。

1
2
3
location / {
    try_files $uri $uri/ /index.html;
}

总结

AI编程确实是一个非常棒的技术,但是还是需要一些编程基础,不然就很容易被AI带偏导致白白浪费了额度。

所以哪怕现在AI编程如此方便,但是我还是建议大家先学习一下编程基础,然后再去尝试AI编程。

不然就会像我一样,弄一个公益项目还这么费劲。

编程之路,道阻且长,加油吧,少年！

项目地址

新锐公共CDN