visual react editor

不足

介绍

不足的ushers以一种新的网络开发方式，可以通过视觉编辑反应应用程序，类似于在无花果或类似设计工具中工作。我们的工具使设计人员和开发人员可以在视觉编辑器中直接操纵其应用程序的UI元素，从而将设计软件的便利性与React的强大框架合并。

特征

• 在您的React应用程序中，在类似Figma的环境中进行视觉编辑。
• CLI工具，用于为实时代码更新提供代理服务器。
• 专为在开发环境中使用以确保安全。

安装

要安装不足，请在项目目录中运行以下命令：

npm install underhive

设置

在您的主反应文件中导入不足的不足：

 import { attachEditor , detachEditor } from 'underhive' ;

使用attachEditor启用视觉编辑环境：

 if ( process . env . NODE_ENV === 'development' ) {
  attachEditor ( ) ;
}

调用detachEditor禁用视觉编辑器：

 detachEditor ( ) ;

确保在开发环境中使用这些功能。

用法

在您的项目中初始化不足的人：

npx ucli init

这将设置不足并修改您的package.json使用concurrently使用的不足服务器命令。这样可以确保您现有的启动脚本和不足服务器将同时运行。

要使用不足开始您的项目，请使用：

npm start

贡

没有ProjectVisbug的创建者的最初努力，这个项目将是不可能的。

星历史