通过蓝湖AI工具MasterGo自动生成网页

打开蓝湖

https://lanhuapp.com

打开需要生成的设计稿，右键“下载设计图”

打开蓝湖AI页面生成工具MasterGo

https://mastergo.com

上传设计图，切换到vue，如果是react，则切换到react，点击“开始生成”

因为该平台生成的代码是基于vue3和tailwindcss，如果项目是vue2写的，需要转成vue2代码

打开kimi

https://kimi.moonshot.cn/

拷贝代码，发送给kimi

输入提示词：帮我把以上vue3代码转成Vue2

最终得到vue2的代码

因为AI生成的样式是基于tailwindcss，所以还需要在项目中需要引入tailwindcss

App.vue

<style lang="scss">
	@import "./uni_modules/jc-tailwind/index.scss";
</style>

最终将代码拷贝到项目的页面中即可