教你用AI做一个网站，分分钟上线！

我用AI已经做了3个App并上架了，那用AI做一个网站是不是更轻松的简单。

于是在周末尝试用AI做了一个网站：叫环境白噪音。

一个小众的音乐的网站，作用就是可以听到各种环境白噪音，比如大海、小溪、河流的声音。

出一个AI做网站的教程，非常简单好操作。这次就以刚用AI做的网站：环境白噪音为例。

在AI编程软件Cursor中，选择Composer模式，用大白话说出你的需求。

参考提示词：

做个一个网站，叫环境白噪音，可以随机播放：大海、山谷、小溪、酒吧等白噪音，也能循环播放某个白噪音，播放器是一个唱片动画。支持多语言。适配移动端H5。

AI选用的Web技术框架是Vue，需要安装node+npm环境，如果你以前没安装过，他会告诉你命令，跟着命令操作就行。

AI生成好代码之后，怎么看效果。运行 nmp run dev，预览网站。

然后在浏览器打开命令行给的本地的网址：http://localhost:5173/ ，环境白噪音这个网站做得还不错吧。

效果如下图：

这时可能会有Bug，直接把报错和bug扔给AI，AI自己就会修了，修了之后，重新在浏览器里查看效果就好。

环境白噪音网站就做好啦，让你可以随时播放舒缓的白噪音，放松心情。

最后打包构建：npm run build，生成最终的web页，上传服务器，配置一下就能访问啦。

这是移动端的效果。

网址：https://521918.xyz/tools/ambient-noise

已经上线发布。大家也可以在浏览器中直接访问。

往期推荐

我用AI做了个App，赚了第一勺金！

Google AI gemini 2.0生图神器，真的指哪儿打哪儿