carbon ui builder

Carbon UI Builder -UI片段作曲家IBM

Carbon UI構建器是用於碳UI組件的視覺構建器工具，使您可以在通常所花費的時間內構建產品頁面。

在幾秒鐘內出口

• 演示圖像
• 用於用戶測試的實時演示應用程序或
• 生產質量代碼

並納入現有產品前端。

無需編碼。

在行動中看到它！

隱私

您所有的數據都安全地存儲在計算機上，從未離開瀏覽器。這意味著即使您沒有互聯網連接，碳UI構建器也可以工作。

無論如何，什麼是碳？

這是IBM的設計系統，具有Angular，React和Vue的即時組件實現。

發展和自我託管

在項目目錄中，您可以運行：

npm install

安裝所有必需的軟件包，只需要第一次，以及更新時。

npm start

在開發模式下運行該應用程序。

打開http：// localhost：3000在瀏覽器中查看。

如果您進行編輯，該頁面將重新加載。

您還將在控制台中看到任何棉絨錯誤。

npm test

在交互式手錶模式下啟動測試跑者。

npm run build

將應用程序構建到build文件夾中。構建工件將存儲在dist/ Directory中，準備部署。

啟動應用程序

啟動開發服務器運行nx serve builder 。打開瀏覽器並導航到http：// localhost：4200/。愉快的編碼！

生成代碼

如果您碰巧使用NX插件，則可以利用可能隨附的代碼生成器。

運行nx list以獲取可用插件的列表以及它們是否具有發電機。然後運行nx list <plugin-name>以查看可用的生成器。

了解有關文檔中NX發電機的更多信息。

運行任務

用NX執行任務使用以下語法：

 nx <target> <project> <...options>

您還可以運行多個目標：

 nx run-many -t <target1> <target2>

..或添加-p到過濾特定的項目

 nx run-many -t <target1> <target2> -p <proj1> <proj2>

可以在package.json或projects.json中定義目標。在文檔中了解更多信息。

想要更好的編輯器集成嗎？

看看NX控制台擴展。它提供自動完成支持，用於探索和運行任務和生成器的UI等等！可用於vscode，Intellij，並配備VIM用戶的LSP。