先写核心功能：
第一步：先和cursor说清楚需求。
先不要写代码，这是计算房贷变化的网站，支持web端和手机端。
1. 用户输入以下4个值：剩余房贷，剩余期数，当前利率，调整后利率；
2. 点击计算后，系统输出之前和之后的房贷，并且计算出变化额。
3. 页面上需要有一个保存按钮，将变化的图分享出来
4. 页面尽量简洁，美观
Cursor会生成一个文档，如下：
很清晰，确认没问题之后，就可以开始写了。
* 输入功能
* 输出功能
* 计算
* 保存图片
1.0版本保存的图片如下：
然后就是2.0版本的优化：
* 增加了当前单位：比如十万；
* 限制了剩余还款期数的上限为360；
* 考虑到利率是小于10的小数，增加小数点的自动输入；
优化后的效果如下：
然后是针对计算结果的优化，首先要明确的用户要看的是一个结果。
生成的图片，大概也调了10个版本，挑几个版本给大家看看：
👇这个版本没有边框，并且不突出。
👇这个版本在分享图上增加产品名：房贷变化计算器。但是还是不够好。
👇这个版本加了边框，并且突出了降的月供，下方字体也变小调灰了。但是截图的时候把我的保存按钮存下来了。不够好。
👇最终版本，看着相对比较舒服，重点也突出了。
在这个过程之中，没有写任何的代码，全是自然语言和cursor交流。
最大的感受就是指令一定要精确，可以不急着写代码，但是一定要把需求交流清楚。
然后核心功能，网站header，footer，一步一步的完成功能。
网站的部署：
依然是之前用过的Namesilo、Github、Vercel三件套。
Namesilo便宜买域名；
Github托管代码；
Vercel部署代码；
目前差额是网站直接计算的，也不会存任何数据，也就没有服务器，除了域名费用，暂时没有任何费用。
体验地址：www.fangdaibianhua.com
【房贷变化】的拼音。
相关阅读
从0到1｜新站如何在google拿到流量｜网站复盘
从0到1搭建游戏多语言网站｜跑通谷歌adsense广告收款｜全流程分享