Codux 简介

简而言之- 隆重推出 Codux，一款全新的可视化 IDE，旨在简化和加速 React 项目的开发。点击此处了解更多信息，或加入讨论。

大家好，我叫 Nadav Abrahami。十五年前，我无意中改变了网络。这一切并非我一人之力，或许也并非全是无意之举，但你们或许已经听说过最终的成果：世界上第一个可视化无代码网站构建器 Wix——这家公司是我与他人共同创立的。
如今，作为一名开发者，我已拥有多年经验，希望再次改变网络。而且，我并非孤军奋战：在一个专业团队的帮助下，最重要的是，有你们的帮助。

随着 Wix 不断发展进步，利用新技术，构建一个低代码编辑器需要大量的代码编写。在整个过程中，我对 Web 开发的感觉与创建 Wix 之前的想法非常相似：它太混乱了，涉及的工具太多，重复性太强，而且耗费精力。一定有更好的方法！

因此我们发明了一个。

“我希望有一个按钮可以实现这一点……”

就目前情况而言，Web 应用程序的开发过程令人头痛。任何花费大量时间切换上下文只是为了获得正确的渐变效果，或者在多层背景上苦苦挣扎的人都深知这是多么耗时。许多基本操作，例如模拟复杂的数据结构、将数据绑定到属性，或查找代码定义的来源，都涉及太多步骤。这既重复又乏味。每当我遇到这些繁琐但必要的多步骤任务，这些任务阻碍了我编写真正的代码时，我都会想：“真希望有一个按钮可以完成这些任务！”

此外，随着项目变得越来越复杂，代码也变得越来越复杂。我发现自己不得不在 IDE 和浏览器的开发工具之间来回切换，只是为了弄清楚到底发生了什么。考虑到内部组件的各种状态，这种情况尤其明显。有时，如果能清晰地查看我正在编写的代码的相关部分，就能节省大量的时间和精力。我一直希望有一个按钮可以实现这一点。

当设计师参与进来时，事情会变得更加令人沮丧，主要是因为我们的沟通方式并不理想：静态设计和文档，或者他们自己的专用工具。无论设计规范是什么形式，它都不是代码。因此，开发人员必须从头开始构建产品，包括外观。与此同时，设计师无法参与实际的编码过程，除了偶尔对开发人员大喊大叫或在角落里小声哭泣。所以我不禁想：“为什么不让他们自己修改呢？真希望有个按钮可以让他们自己修改！”

不出所料，我并非唯一一个许愿的人。远非如此。于是，我的团队开始着手整理这份愿望清单，并最终打造出一款新产品。它堪称终极按钮集合，让我们所有的愿望都能在这里实现。

我们称之为 Codux。

当你向一堆东西许愿时

Codux 是 Wix 推出的一款全新独立工具，旨在加速您的开发流程，专为开发人员和其他相关专业人员量身定制。它是一个开发环境，可为您提供项目的实时可视化渲染，并拥有众多编辑面板，方便您快速修改代码，并在相关位置（或需要时）进行代码编辑。

Codux 会分析您的项目，发现其 UI 组件和总体结构。无论您的代码编写风格如何，它都能做到这一点。当它进行更改时（例如，当您更改属性时），它会按照您的习惯编写代码。Codux 旨在与您最喜欢的 IDE 配合使用。它适用于使用 TypeScript 的 React 项目，并且在查看生成的代码时，您永远不会知道是否使用了 Codux。

在 Codux 中打开项目时，你首先会注意到的是可视化渲染阶段。它展示了组件在不同状态下的外观。你所做的每一项更改都会实时反映在那里，无论是在 Codux 还是其他地方完成的。

该阶段还允许您快速访问与任何给定组件相关的代码。通过点击某个组件，您可以直接跳转到其源代码，并快速编辑其内容。

您会注意到的第二件事是可视化控件、属性和样式面板。点击舞台上的某个元素，面板就会反映其属性。更改样式、添加类名和设置属性变得轻松快捷。无需花时间寻找相关代码。所见即所得，应有尽有！

第三件事是渲染树的可视化表示。它包含条件语句和数据绑定的重复器。当你拥有一个可供参考的可视化图示时，维护你的项目（或你继承的其他人的项目）的心理模型会变得容易得多。组件的地图。

它还完全集成了 Git，为开发者和设计师提供了一个协作环境。想象一下，如果设计师无需向您发送问题列表，而是使用与您（开发者）完全相同的环境自行修复这些问题，那该有多棒。现在你们之间的沟通交流简化到了偶尔一起吃顿午饭的程度。对我来说，这已经是最好的交流方式了。
但这仅仅是迈向 Web 开发方式革命的第一步。

现在等一下...

为了以防万一，让我们快速地了解一下 Codux 的缺点。它不是无代码/低代码编辑器（比如 Wix 编辑器）。它也不能替代你的 IDE。目前，和大多数开发者一样，我使用自己选择的 IDE，并按照自己喜欢的方式进行设置。我不会很快用其他东西替换它，我也不指望你这么做。

回到未来

最终，Codux 将成为项目所有利益相关者的一站式服务平台，涵盖从基础设计到全面部署的所有内容。它将支持所有框架——React、Vue、Svelte、Web Components，以及所有样式解决方案。我们的目标是打造最简单、最舒适、最直观、最省时的 Web 应用程序编写解决方案。

是的，我们知道有很多事情要做。但回想我们最初创建 Wix 的时候，这似乎也是不可能的。我想结果已经说明了一切。

那么现在怎么办？

目前，Codux 可以显著加快您的开发流程。它与 React、TypeScript、CSS、CSS/Sass 模块以及我们自己的Stylable完美兼容。而且它完全免费。何不下载试用一下？我很乐意听听您的想法，欢迎在下方评论区留言，或者访问我们全新的Discord 服务器。

布朗博士有句永恒的名言：“路？我们要去的地方不需要路。”好吧，用“路”来代替任何阻碍你现在发展进程的东西——那就是你我要去的地方。

在此处下载 Codux 。