Carbon UI Builder es una herramienta Visual Builder para componentes de UI de carbono que le permite construir páginas de productos en una fracción de tiempo que normalmente toma.
Exportar en segundos como
e incorporar en la interfaz del producto existente.
No se requiere codificación.
¡Véalo en acción!
Todos sus datos se almacenan de forma segura en su computadora, sin dejar el navegador. Esto significa que el constructor de interfaz de usuario de carbono funciona incluso si no tiene conexión a Internet.
Es el sistema de diseño de IBM con implementaciones de componentes listas para llevar en Angular, React y Vue.
En el directorio del proyecto, puede ejecutar:
npm installInstala todos los paquetes requeridos y solo se necesita la primera vez, y cuando actualiza.
npm startEjecuta la aplicación en el modo de desarrollo.
Abra http: // localhost: 3000 para verlo en el navegador.
La página se volverá a cargar si realiza ediciones.
También verá errores de linta en la consola.
npm testInicia el corredor de prueba en el modo de reloj interactivo.
npm run build Construye la aplicación para la producción a la carpeta build . Los artefactos de construcción se almacenarán en el directorio dist/ , listo para ser implementado.
Para iniciar el servidor de desarrollo, ejecute nx serve builder . Abra su navegador y navegue a http: // localhost: 4200/. ¡Feliz codificación!
Si usa complementos NX, puede aprovechar los generadores de código que pueden venir con él.
Ejecute nx list para obtener una lista de complementos disponibles y si tienen generadores. Luego ejecute nx list <plugin-name> para ver qué generadores están disponibles.
Obtenga más información sobre los generadores NX en los documentos.
Para ejecutar tareas con NX, use la siguiente sintaxis:
nx <target> <project> <...options>
También puede ejecutar múltiples objetivos:
nx run-many -t <target1> <target2>
.. o agregar -p para filtrar proyectos específicos
nx run-many -t <target1> <target2> -p <proj1> <proj2>
Los objetivos se pueden definir en el package.json o projects.json . Obtenga más información en los documentos.
Eche un vistazo a las extensiones de la consola NX. Proporciona soporte autocompleto, una interfaz de usuario para explorar y ejecutar tareas y generadores, ¡y más! Disponible para VScode, IntelliJ y viene con un LSP para usuarios de VIM.