教你用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页，上传服务器，配置一下就能访问啦。