carbon ui builder

カーボンUIビルダー-IBMによるUIフラグメント作曲家

Carbon UI Builderは、Carbon UIコンポーネント用の視覚的なビルダーツールであり、通常の時間で製品ページを構築できます。

数秒でエクスポートします

• プレゼンテーションの画像
• ユーザーテスト用のライブデモアプリまたは
• 生産品質コード

既存の製品フロントエンドに組み込まれます。

コーディングは必要ありません。

動作中にそれを見てください！

プライバシー

すべてのデータはコンピューターに安全に保存され、ブラウザを離れることはありません。これは、インターネットに接続していなくても、カーボンUIビルダーが機能することを意味します。

とにかく炭素とは？

Angular、React、Vueのすぐに使用できるコンポーネントの実装を備えたIBMの設計システムです。

開発と自己ホースト

プロジェクトディレクトリでは、実行できます。

npm install

必要なすべてのパッケージをインストールすると、初めて必要な場合と更新時にのみ必要です。

npm start

開発モードでアプリを実行します。

http：// localhost：3000を開いて、ブラウザで表示します。

編集すると、ページがリロードされます。

また、コンソールに糸くずエラーも表示されます。

npm test

インタラクティブウォッチモードでテストランナーを起動します。

npm run build

buildフォルダーへの生産用のアプリをビルドします。ビルドアーティファクトは、 dist/ディレクトリに保存され、展開する準備ができています。

アプリを開始します

開発サーバーを起動するには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が付属しています。