carbon ui builder

Carbon UI Builder - UI -Fragmentkomponist von IBM

Carbon UI Builder ist ein visuelles Builder -Werkzeug für Carbon -UI -Komponenten, mit dem Sie Produktseiten in einem Bruchteil der normalerweise benötigten Zeit erstellen können.

Exportieren in Sekunden als

• Bild für Präsentationen
• Live -Demo -App für Benutzertests oder
• Produktionsqualitätscode

und in die vorhandene Produktfrontend einbeziehen.

Keine Codierung erforderlich.

Sehen Sie es in Aktion!

Privatsphäre

Alle Ihre Daten werden sicher auf Ihrem Computer gespeichert und verlassen niemals den Browser. Dies bedeutet, dass der Carbon UI Builder auch dann funktioniert, wenn Sie keine Internetverbindung haben.

Was ist Kohlenstoff überhaupt?

Es ist das Entwurfssystem von IBM mit Ready-to-Go-Komponenten-Implementierungen in Angular, React und Vue.

Entwicklung und Selbsthosting

Im Projektverzeichnis können Sie ausführen:

npm install

Installiert alle erforderlichen Pakete und es wird erst zum ersten Mal und beim Update benötigt.

npm start

Führt die App im Entwicklungsmodus aus.

Öffnen Sie http: // localhost: 3000, um es im Browser anzuzeigen.

Die Seite wird neu laden, wenn Sie Änderungen vornehmen.

Sie werden auch Fellfehler in der Konsole sehen.

npm test

Startet den Testläufer im interaktiven Uhrenmodus.

npm run build

Build die App für die Produktion im build -Ordner. Die Build -Artefakte werden im dist/ Verzeichnis aufbewahrt und bereitgestellt.

Starten Sie die App

So starten Sie den Development Server Run nx serve builder . Öffnen Sie Ihren Browser und navigieren Sie zu http: // localhost: 4200/. Happy Coding!

Code generieren

Wenn Sie zufällig NX -Plugins verwenden, können Sie Codegeneratoren nutzen, die möglicherweise damit einhergehen.

Führen Sie nx list aus, um eine Liste verfügbarer Plugins zu erhalten und ob sie Generatoren haben. Führen Sie dann nx list <plugin-name> aus, um zu sehen, welche Generatoren verfügbar sind.

Erfahren Sie mehr über NX -Generatoren in den Dokumenten.

Auslaufaufgaben

Um Aufgaben mit NX auszuführen, verwenden Sie die folgende Syntax:

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

Sie können auch mehrere Ziele ausführen:

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

..ous add -p , um bestimmte Projekte zu filtern

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

Ziele können im package.json oder projects.json definiert werden. Erfahren Sie mehr in den Dokumenten.

Willst du eine bessere Redakteurintegration?

Schauen Sie sich die NX -Konsolenerweiterungen an. Es bietet automatische Unterstützung, eine Benutzeroberfläche zum Erkunden und Ausführen von Aufgaben und Generatoren und vielem mehr! Verfügbar für VSCODE, Intellij und verfügt über einen LSP für VIM -Benutzer.