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的創建者的最初努力，這個項目將是不可能的。

星曆史