这个产品肯定不够完善的，于是把计划中的【提前还款计算器】和【房贷计算器】逐步加上。先做【提前还款计算器】
熊猫，公众号：熊猫搞钱记提前还款能省多少钱｜用Cursor增加了一个提前还款计算器｜房贷变化网
标准的这个产品其实挺简单的，以下是用Cursor实现的四个步骤。
步骤一：明确需求
在对话框中输入明确的需求，因为我的网页有了一定的基础，因此尽量让他风格更靠近index的风格。
Cursor会回复下他对你提出的需求的理解。等Cursor理解需求，确认内容是否如你要求的那样。
一般来说，你的需求描述越详细，Cursor的理解越清晰。因此，尽量说清楚一点，尽可能多说一点。
AI不会嫌烦。
步骤二：依次生成代码
一个静态页面的标准结构，包括三个代码，分别是html.css.js。
Html负责页面。
Css负责页面样式、效果。
Js负责功能实现。
这里可以让AI分步生成，当然也可以一次性生成，但是出于谨慎，可以分步生成，更稳一点。
查看效果，对网页要进行的修改，输入对话框。AI会逐一解决。
这里要注意的是，也是越清晰越好。
修改时，AI也会自动生成代码。
步骤四：预览效果
Cursor和VS code是一样的，可以用默认浏览器查看效果。
最终效果：
还是挺满意的。
页面比较简洁清晰，也不需要太多的修改了。
于是直接发布上线了。
体验地址：
https://www.fangdaibianhua.com/fangdaijisuanqi.html
点击阅读原文也可以体验。
下一步：
我发现我对房贷、月供、利率等这一类产品确实很有兴趣。
下一个相关的产品，做什么呢？欢迎大家留言。
要是没有什么特别合适的。
我的计划是做一个【IRR计算器】。
帮助大家算出真正的年化利率。
相关阅读：
算算你的房贷降了多少｜用Cursor 2个小时，写了一个房贷变化计算器｜从0到1系列
提前还款能省多少钱｜用Cursor增加了一个提前还款计算器｜房贷变化网