webcodesk srv

WebCodesk是一個安裝為NPM模塊的應用程序。它由兩個部分組成：服務器部分和客戶端部分。服務器部件是一個NodeJS應用程序，應在本地計算機上的命令行中啟動。客戶端部件在Web瀏覽器中運行。

WebCodesk幫助開發人員使用React UI組件創建Web應用程序。它具有一堆視覺編輯器，用戶可以在頁面上組成UI組件，在UI組件之間創建數據流邏輯，並以視覺上的調試數據流。

介紹

在Hackernoon上閱讀有關為什麼創建WebCodesk的文章：

• 我開發了一個用於Web應用程序的視覺開發工具

反應開發人員

您的經驗會告訴您，您不需要任何視覺構建者，因為它們的功能，不可靠，而且都很爛。

給WebCodesk一個機會，並嘗試創建自己的小型單頁應用程序，我向您保證，您永遠不想編寫大量額外代碼。

• 您不必學習新的東西。相反，您不會為Redux編寫任何不必要的代碼。

• WebCodesk不會生成代碼。它使用一個可靠的小框架。可靠性證明是該框架本身內部使用的框架。

它如何工作

WebCodesk的每個項目都由Create-React-App引導。此外，為WebCodesk設計的React-App-Framework被添加到項目代碼中。

該項目包含饋送到React App Framework的配置文件。框架中的框架創建頁面，路由和使簡單反應組件的redux容器。

然後，框架將容器連接到動作鏈中，就像使用Redux動作一樣。

框架的配置足夠複雜，可以手動編寫它。因此，WebCodesk允許您使用視覺編輯器創建和編輯：

• 頁面編輯器
• 流程圖編輯器

您要做的就是編寫React組件和功能的代碼。

安裝

• 在命令行中運行命令。

 > npx @webcodesk/install-webcodesk <new-project-name-dir>

> cd ./<new-project-name-dir>

> yarn wcd

• 在瀏覽器中打開WebCodesk：

 http://localhost:7070

• 選擇市場上的任何項目

• 現在在您喜歡的IDE中打開項目的源代碼

在您在IDE中設置項目的工作區之前，最好先發出源代碼存儲庫。例如，請閱讀有關如何為GitHub repo執行此操作的說明：使用命令行添加現有項目到GitHub

升級

• 轉到dir的項目，並在命令行中逐一運行命令。

 > yarn remove @webcodesk/webcodesk-srv

> yarn add @webcodesk/webcodesk-srv -D -E

文件

在用戶指南中，您將找到有關如何創建組件和功能以及如何使用它們來構建應用程序的技術詳細信息。

• 用戶指南

貢獻

我對新功能請求或您想做的任何工作都很開放。但是，讓我們在創建新PR之前與詳細說明中的新問題中討論該功能。

• 行為守則

社區

如果您需要任何幫助，或者希望某人與您建立工作區，並讓您在IDE中使用代碼，請不要害怕說話！

執照

GNU GPLV3

版權（C）2019 Alex Pustovalov

• 複製