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。