可视化创建 React 项目
在单一可视化工作区中创建和完善 React 应用、网站、设计系统和组件库。
Codux
认领Codux 是一款面向 React 团队的桌面可视化开发环境，可直接在代码库中编辑组件，并保持代码与界面改动同步。支持 TypeScript 和常见样式方案，测试期免费。
概览
Codux 是一款面向 React 的协作式可视化开发环境。它专为希望直接在代码库中创建和编辑组件，同时将代码作为唯一事实来源的设计师和开发者而打造。
该产品结合了可视化编辑、集成代码编辑器以及实时同步，并提供 Boards、样式和隔离预览等工作流程。它以桌面应用形式提供，目前处于测试期。
Codux 支持使用 TypeScript 构建的 React 项目，以及 CSS、CSS modules、SCSS、Tailwind 和 Stylable 等常见样式方案。其功能还包括基于 Git 的协作、项目导入，以及在组件共享或部署前用于验证组件的工具。
功能
可视化样式与布局
使用样式面板调整颜色、排版、间距、CSS 类、状态、令牌和变量，同时保持对底层代码的控制。
隔离式组件验证
借助 Boards 以隔离方式构建组件，在不同条件下预览，并检查实时浏览器输出和日志。
代码优先编辑与同步
直接在 Codux 中或在您偏好的 IDE 中编辑代码，并在可视界面与代码库之间实现实时同步。
团队协作流程
通过 Git 分支、提交、实时项目共享和代码审查来协同管理团队变更。
项目导入与自动化
导入现有 React 和 TypeScript 项目，并使用内置项目工具进行依赖设置和脚本运行。
使用场景
在代码库中设计组件
使用 Codux 以可视化方式创建或完善 React 组件，然后依靠代码同步让更改与项目文件保持一致。
验证组件变体
使用 Boards 和隔离预览在将更改展示给应用其他部分之前测试组件状态、布局和行为。
基于团队的 UI 开发
当多人需要为同一个 React 代码库贡献内容时，使用 Git 分支、提交和共享项目访问来协作。
在可视化与代码编辑之间切换
当某项更改需要超出可视面板的直接代码级编辑时，使用集成代码编辑器或在您偏好的 IDE 中打开项目。
处理现有 React 项目
使用导入和同步工作流将现有 React 和 TypeScript 项目引入 Codux，而无需将其转换为专有格式。
Pros and Cons
Pros
- 直接与代码库协作，而不是创建一个独立的仅可视化层。
- 支持可视化编辑与代码编辑之间的实时同步。
- 包含用于组件隔离、预览和日志记录的验证工具。
- 通过 Git 分支、提交和代码审查支持团队工作流。
- 提供测试期免费套餐，并且对开源项目免费使用。
Cons
- 该产品目前仍处于测试期，因此评估它的团队将使用一个仍在持续完善中的产品。
- 支持范围仅限于使用 TypeScript 和所列样式方案的 React 项目，这限制了它对其他技术栈的适用性。
- 部分协作和工作流能力在功能页面上标注为仅限应用内使用，因此完整体验可能取决于直接使用该应用。
FAQ
什么是 Codux？
Codux 是一款用于协作式 React 项目可视化开发的桌面应用。它在您的设备上本地运行，目前处于测试期。
Codux 支持哪些技术？
Codux 支持使用 TypeScript 构建的 React 项目，以及基于 CSS、CSS modules、SCSS、Tailwind 或 Stylable 的样式。
Codux 如何与我的代码保持同步？
Codux 将您的代码库视为唯一事实来源。可视化编辑会立即写入代码文件，而在代码中所做的更改也会反映回可视界面。
团队如何在 Codux 中协作？
Codux 通过 Git 集成进行协作。团队可以在同一项目上工作，使用分支和提交，并在共享之前管理更改。
Codux 是免费的吗？
是的。Codux 在测试期免费，而且价格页面说明开源项目永久免费。它还提供高级方案和企业联系选项。
Quick Facts
- 类别
- 协作式可视化开发环境
- 主要用户
- 从事 React 项目的开发者和设计师
- 平台
- 桌面应用
- 支持的技术栈
- React，搭配 TypeScript 以及 CSS、CSS modules、SCSS、Tailwind 或 Stylable
- 价格
- 测试期免费；列出了高级和企业选项
- 源域名
- codux.com