mechanic

byで構築されています

Mechanicは、設計操作を自動化することにより、将来を見据えた組織が手動設計ワークフローから離れるのに役立つ強力な設計ツールチェーンです。

現在のステータス： v1.2.0は今出ています！それを試して、あなたの考えを教えてください！ v2.0.0-beta.9も外出しており、テストしています！お気軽にテストしてください！

始めましょう

すぐに使用を開始して新しいメカニックプロジェクトを作成するには、次のことを実行してください。

 npm init mechanic@latest

これにより、1つの設計機能を備えた新しいベースメカニックプロジェクトが構築されます！ CLIの指示に従って、カスタマイズ、インストール、実行を開始します。

ドキュメント

v1.2.0ドキュメントをご覧ください。

モノレポコンテンツ

レポはLerna経由で管理されています。

リポジトリ	説明
メカニックを作成します	メカニックプロジェクトスケルトンクリエーター。
@Mechanic-Design/CLI	新しいメカニックプロジェクトを生成するコマンドラインツール、設計関数、およびAPPの構築。
@Mechanic-Design/Core	コアメカニック機能。 Mechanicの設計ツールで使用され、 Mechanicクラスをエンジンとして拡張するように定義します。
@Mechanic-Design/UI-Components	設計関数の入力の入力として使用することを目的としたReactコンポーネントライブラリ。
@Mechanic-Design/Engine-Canvas	HTML Canvas APIを使用して構築された静的資産またはアニメーションをレンダリングすることを目的としたベースMechanicクラスを拡張するエンジン機能。
@Mechanic-Design/Engine-P5	P5.jsを使用して構築された静的資産またはアニメーションをレンダリングすることを目的としたベースMechanicクラスを拡張するエンジン機能。
@Mechanic-Design/Engine-React	SVGをレンダリングするReactコンポーネントを使用して構築された静的資産またはアニメーションをレンダリングすることを目的としたベースMechanicクラスを拡張するエンジン機能。
@Mechanic-Design/Engine-SVG	ベースMechanicクラスを拡張するエンジン機能は、SVG文字列を介して構築された静的資産またはアニメーションをレンダリングすることになりました。
@Mechanic-Design/Utils	他のメカニックパッケージで使用される汎用CLI定義。
@Mechanic-Design/DSI-Logo-Maker	DSIのIDロゴに続く資産とアニメーションを構築するために、メカニックとの設計ツールプロジェクト。

発達

開始するには、このレポをクローンします。

次に、 npm run bootstrap実行します。これにより、すべての依存関係を一緒にシンプリングし、各パッケージ内でnpm iを実行します。 npm i機能しません。

特定の個々のパッケージ機能をテストするのに十分なはずですが、ローカルパッケージバージョンでメカニックプロジェクトをテストするには、 yalcを使用します。

npm link 、NPMレジストリからインストールすることにより、プロジェクトと同様に、パッケージの依存関係を再現するのに不足しています。 yalc 、NPMレジストリと同じようにパッケージをローカルに公開し、ローカルプロジェクトで使用できます。

これを行うには、最初にyalcグローバルにインストールします。すべてのパッケージをリポジトリに公開するには、 npm run publish:local実行します。個別のパッケージを公開するには、ディレクトリまたはyalc push ./packages/[package]からyalc pushを実行します。公開されたコンテンツを更新するときに、これらのコマンドのいずれかを実行します。

次に、プロジェクトでパッケージをテストし、依存関係をインストールする前に、テストするすべてのパッケージのyalc add [package]を実行します。次に、 npm iで正常にインストールします。

他のニーズについては、 yalcのドキュメントを確認してください。

公開

npm run publish実行します