什么是Onlook?
Onlook是一款专为使用Tailwind CSS样式的React应用程序设计的开源可视化编辑器。它通过提供类似Figma的界面来桥接设计和开发之间的差距，允许用户直观地编辑其React网站，同时自动将更改实时写回代码库。该平台保持完整的版本控制，并将所有代码保留在用户的本地环境中，确保安全性和开发工作流程的完整性。Onlook支持导入现有React项目和从头创建新项目。
主要功能
●
实时可视化编辑
通过直观的界面对React组件进行可视化编辑，同时自动将更改实时写入相应的代码文件中。
●
设计系统集成
自动检测并集成React代码库中现有的设计系统、色彩方案和文本样式，实现一致的设计工作流。
●
本地开发环境
所有代码都保留在用户设备上，并提供完整的版本控制支持，确保安全性并与现有开发工作流无缝集成。
●
Tailwind CSS支持
原生支持Tailwind CSS样式，提供可视化控件来调整布局、颜色、排版和跨多种屏幕尺寸的响应式设计。
●
交互式元素创建
直接在可视化界面中绘制新的div和元素，同时自动生成干净、可维护的React代码。
1. Onlook支持哪些React框架？⌄
Onlook适用于使用Tailwind CSS样式的React应用程序。您可以导入现有的React项目或直接在平台内启动新项目。
2. Onlook需要任何设置或安装吗？⌄
基本使用不需要任何设置。您可以通过beta.onlook.com的网页界面使用Onlook，或克隆开源代码库进行本地开发。
3. 使用Onlook时我的代码安全吗？⌄
是的，所有代码都保留在您的本地设备上，永远不会离开您的机器。Onlook保持完整的版本控制，并与您现有的开发环境集成。
4. 我可以将Onlook用于我现有的React项目吗？⌄
是的，您可以将现有的React项目导入Onlook，无需任何迁移工作。该平台与您当前的构建流程和组件兼容。
5. 在Onlook中进行的代码更改会怎样？⌄
所有可视化更改都会自动实时写回您的实际代码文件，保持干净可靠的代码，并与您的开发工作流集成。
6. Onlook可以免费使用吗？⌄
是的，Onlook是开源的，可以免费使用。您可以通过网页界面访问它，或从GitHub代码库在本地运行。