0编程基础，完全用AI开发“简易单页网站”实战教程

本期正式分享0基础用AI开发软件教程，接下来我会分享如何使用AI来开发软件，从简单的单页软件开始到复杂系统软件，循序渐进的帮你一步一步的探索整个开发过程。一开始，我们先从简单的网站单页软件开始。由于这是第一条正式教学视频，所以有些基础的内容我会讲得详细一些，希望能帮你了解更多软件的运行逻辑，为日后打好基础。

首先，我会从两方面开始讲起，第一是需求，需求就是我为什么要做一个软件，这个软件对我有什么帮助，明确需求，你才可以准确的写出提示词。第二是开发，这个会讲讲我是如何开始开发的，最简单的软件一般包括哪些东西。

第一：需求

先讲讲需求，这个网站里的小工具，并不是我异想天开为了做视频而开发的，都是我日常需要用的功能，只是其他网站并没有同时满足我的需求，所以我才需要自己开发。比如这个简繁转换工具是我需要跟香港和台湾的客户交流时使用的，他们看不懂简体，我就在这个输入框先写好内容转成繁体，再通过聊天软件发送给他们。当然这个工具接下来还有更大的用处，我平时会把需要修改的代码，先放到这里，在前面写上修改的需求，下面就直接粘贴代码，编辑好，我再发给AI进行处理。如果直接在AI输入框处理，万一不小心按了回车，就直接提交了，所以我需要有一个临时整理内容的地方，整理好再发给AI。你们看到旁边的数字吗？这是行数，方便我看看我提交的内容大概有多少行，还有下面这里的字符数，会帮我统计提交的内容有多少字符，这样可以方便我判断哪些AI能吃得下对应量级的代码。

汉字转拼音这个工具是我女儿到了学拼音的年纪，我需要有一个可以把汉字生成带拼音的工具，辅助她学习。这里可以选择生成带音标和不带音标的，方便我导出成图片打印出来，校对她学的音标是否标正确。

这个全球时间，本来是只做一个北京时间的，因为我爸妈经常抢淘宝红包和优惠券，但是家里的时钟的秒针十分不准，无法准时抢券，所以我做一个时间页面是方便他们可以恰点抢券，这里的秒数是全球同步，所以比较准确。只是后面觉得可以尝试把内开发的丰富一些就做成现在这个样子。我也是从做这个全球实时时间开始想到做成教程分享给大家。

还有这个在线记账软件，我平时跟合伙人都会用记账软件同步各种开销和收益，我之前是用挖财的，只是挖财的现金总余额出问题，无论如何增减金额都不再变动，导致我跟合伙人对账出了一些问题，而且挖财好几个月都没有修好，所以只能放弃了，但是市面上其他记账软件都不太符合我们的需求，所以我用AI开发软件时我第一个想做的就是它。只是一开始不知道用哪个AI合适，所以探索完前面几个小工具后再开发这个记账软件。

说到这个在线原型设计软件，其实本来我想就做一个颜色代码保存的小工具，记录我常用的颜色，还有查看字体大小的小工具，因为在跟AI沟通开发的时候，不可避免要说清楚颜色和文字大小，你说红色，但是AI想到的红色可能跟你想的红色都不一样，所以需要我把网页使用的颜色代码准确的提供给AI帮我改上去，文字大小一般都是用px就是像素来做单位的，你跟AI说文字大一些小一些，那大多少小多少，你不能给个准确的数字，AI就只能按自己的意思办了。这也是我在软件开发公司跟程序员沟通时想明白的一点，提供的需求特别是修改需求要准确尽量不要产生歧义。后来搞着搞着，想着还不如搞个原型设计软件出来，毕竟我做项目都需要原型软件做个效果图出来与技术团队对接，而且现在我也需要用原型软件来生成界面图片给AI帮我写软件页面的代码，所以就有了这个在线原型软件。大家看看这个原型设计软件，可以通过这样来快速画出页面样式，不用很精美，毕竟后面都是用AI来美化的，只要让AI知道页面里有什么东西就可以了。所以有了这个软件，能降低一些学习AI的用户画出软件界面效果图的门槛。而且我还加了SVG格式的图片支持，可以把svg图标或图片代码在这里添加后，然后在画板调用，这样可以做出更好的软件界面效果图出来。

最后，做这个鼓狮大数据，就是为了做视频教程用的，我想更进一步的通过别人提供的API数据接口来开发软件系统，让系统功能更丰富更强大。可惜现在很多API接口都是要收费的，免费的次数又少又有限，所以最后只能选择用加密货币平台的API接口来开发，毕竟加密货币的API接口大部分都是免费的，而且数据信息也丰富，很适合用来做API接口教学使用。只要你学会了使用API接口来开发软件，你就可以把各种平台的数据接到你的软件里，让你的软件数据更丰富，然后再接入AI平台，这样就可以让你的软件更智能，比如分析加密货币趋势或交易击球点等等。

所以这些软件我都是抱着很强的目的性来开发的。当你有清晰的需求，你才能把软件需求整理出123来，让AI根据你的需求来开发，否则你对软件的需求不明确，很容易导致无法做出一个成型的软件出来。

第二：开发

本视频会用AI开发“简繁转换”和“汉字转拼音”这两个小软件来开始我的课程。

一个简单的软件一般包括3样东西，第一，具体的功能，第二，呈现功能的界面，第三，数据库。这三样东西就是你需要跟AI说的最基础的内容。

比如我要开发这个“简繁转换”软件https://tools.gushiio.com/jianfan，我写的提示词就是“用html开发一个简体转繁体，繁体转简体互相转换的网页工具，界面设计要求符合年轻人喜爱的样式界面，并提供简繁转换的字库数据给我或调用第三方数据库”

前面写的是软件功能需求，中间是界面要求，后面是简繁转换需要的数据来源，也就是数据库。一般软件你只要写清楚这三块，AI就可以给你开发一个大概的软件出来。后面你可以再根据你的需求继续让AI修改即可。

这里有趣的是，我每次要求AI在界面设计上要符合年轻人喜爱的样式来开发，AI写的界面都是绿色的，难道现在年轻人都喜欢绿色？还是AI理解的年轻人是年青人？

好，继续回到我们的课程，我们现在把AI生成的代码，复制到服务器上看看效果。先打开宝塔面板，如果你不知道这个宝塔面板是怎么来的，请先看看这个视频。然后点“新建”，创建一个文件名称jianfan.html，点编辑，粘贴代码，点保存，把其他AI生成的文件一一创建和复制粘贴代码。然后我们访问一下这个简繁转换软件，在浏览器输入域名+我创建的文件名称回车，哎，简繁转换的界面出来，但是界面不好看，我让AI重写界面，这次界面不再是绿色了，试一下，确实可以把简体文字转换成繁体，把繁体字转换成简体，这个简繁转换的小软件就算是完成了。页面其他多余的功能和内容后面可以让AI去掉。

这个汉字转拼音 https://tools.gushiio.com/pinyin 也是一样的，写好需求让AI开发就可以了。不过汉字转拼音需要新华字典数据库，如果AI无法提供，需要自己上Github网站下载开源的新华字典库，并且要提供字典库的调用方式告诉AI，例如这样，让AI知道如何使用这个新华字典库的数据，并告诉AI这个字典数据库文件名称，这样AI在写代码时会帮你把调用新华字典库的链接也写上去，不用额外再补充。如果你访问不了Github，可以在视频下留言给我，领取新华字典数据库。

如果你想要我的这个“简繁转换的完整代码+本地简繁转换数据库文件”和“汉字转拼音完整代码+新华字典数据库文件”用来学习参考，也可以在视频下留言领取。毕竟调用别人的开源数据库访问速度太不可控了，当然是下载到自己服务器使用最可靠。

好，本期教学视频就到此结束了，本期视频讲了开发软件要掌握的两个要点，第一是需求，第二是开发。你可以先按照教程的方法开发一个简繁转换的软件出来试试，然后再进阶开发汉字转拼音的软件，最后用AI升级一下这两个软件，例如升级到跟我的这个简繁转换和汉字转拼音一样的功能。如果你能成功用AI开发出以上两个软件，证明你已经基本掌握用AI开发软件的基础，下一期视频就开始讲如何开发复杂的网页单页软件，敬请期待。