Layouts.dev使用教程

访问 https://layouts.dev 进入官网，点击首页的开始使用按钮，可选择使用邮箱账号注册登录，也可以选择游客模式直接进入编辑界面，无需登录即可体验基础编辑功能。

进入编辑界面后，左侧为代码编辑区域，可参考页面内的语法说明文档，按照极简语法规则编写界面代码，也可以直接插入平台内置的组件模板，在模板基础上修改内容。

编写过程中查看右侧的实时预览区域，根据预览效果调整代码参数，可点击预览区域上方的设备切换按钮，分别查看界面在移动端、平板端、桌面端的适配效果，调整响应式布局规则。

完成界面开发后，若需要保存项目可点击保存按钮将项目存储到个人账号内，若需要分享演示可点击部署按钮，按照提示设置访问权限后生成专属访问链接，也可以点击导出按钮选择需要的代码格式导出文件。

后续需要修改项目时，登录账号进入个人中心即可查看所有历史项目，点击对应项目即可进入编辑界面继续修改，也可以查看历史版本记录，回溯到之前的版本内容。