‌需要用到的网站：https://v0.dev/

上面这个效果是通过Ai上传图片，自动生成的html代码；怎么样？看着效果还不错吧！

那么！！！如何应用到我们的项目中呢？

我们复制html来看下效果

把HTML代码复制到本地，保存为index.html,然后打开看看效果；

打开居然是这个样子的，是不是很丑，原因是因为缺少了样式文件和JS文件，所以页面很丑，很丑，基本无法使用

解决方法：

找到网页里的样式文件和js代码 添加到我们本地的html文件里就可以了；

下面，教大家如何找到我们需要的代码；

浏览器开启开发者模式：

然后把里面的内容复制出来，覆盖所有的html，保存，在看看，是不是效果比刚刚好多了

虽然好一些了，但还是有些问题，比如编辑框的效果，没有很好，这是因为JS的文件没有加载出来，我们继续在本地的代码里优化下；

我们发现JS文件调用的方式有问题，没有域名，所以js文件是没有生效的；

域名：https://generated.vusercontent.net

把里面所有涉及到JS加载的文件路径都加上这个域名，然后保存，在看看，效果是不是完美啦！

教程到此结束啦！当然，里面的代码格式还是有点乱，大家可以找工具美化下！再见啦！