carbon ui builder

Carbon UI Builder - композитор фрагмента UI от IBM

Carbon UI Builder - это инструмент визуального строителя для компонентов углерода, позволяющий создавать страницы продуктов за небольшую часть времени, которые он обычно принимает.

Экспорт за считанные секунды как

• изображение для презентаций
• живое демонстрационное приложение для тестирования пользователя или
• Код качества производства

и включить в существующий фронт продуктов.

Кодирование не требуется.

Смотрите в действии!

Конфиденциальность

Все ваши данные безопасно хранятся на вашем компьютере, никогда не покидая браузер. Это означает, что строитель Carbon UI работает, даже если у вас нет подключения к Интернету.

Что такое углерод, во всяком случае?

Это система проектирования IBM с готовыми к компонентам реализации в угловой, React и Vue.

Развитие и самостоятельное управление

В каталоге проекта вы можете запустить:

npm install

Устанавливает все необходимые пакеты, и это необходимо только в первый раз, и когда вы обновляете.

npm start

Запускает приложение в режиме разработки.

Откройте http: // localhost: 3000, чтобы просмотреть его в браузере.

Страница будет перезагружаться, если вы сделаете изменения.

Вы также увидите любые ошибки ворса в консоли.

npm test

Запускает Test Runner в режиме интерактивных часов.

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. Он обеспечивает поддержку автозаполнения, пользовательский интерфейс для изучения и выполнения задач и генераторов, а также многое другое! Доступно для VSCODE, IntelliJ и поставляется с LSP для пользователей VIM.