「スキャフォールド」という言葉は何度か使用していますが、その意味がわからないかもしれません。Yeoman での足場は、特定の構成要求に基づいて Web アプリのファイルを生成することを意味します。このステップでは、Yeoman が Webpack、Babel、SASS などの他の外部ライブラリを使用するためのオプションを使用して、お気に入りのライブラリまたはフレームワークに合わせて特定のファイルを生成する方法を確認します。ほとんど労力をかけません。

プロジェクトフォルダを作成する

mytodo フォルダをすべてのコードラボ作業用に作成します

mkdir mytodo && cd mytodo

このフォルダは、ジェネレータがあなたの足場のプロジェクトファイルを配置する場所です

Yeoman メニューからジェネレータにアクセスする

yo をもう一度実行してジェネレータを表示します

yo

いくつかのジェネレータをインストールしている場合は、インタラクティブに選択できます。 **Fountain Webapp** を強調表示します。 **Enter** キーを押してジェネレータを実行します。

yo fountain-webapp

ジェネレータを構成します

ジェネレータの中には、開発環境の初期設定を高速化するために、一般的な開発ライブラリを使用してアプリをカスタマイズするためのオプション設定を提供するものもあります。

FountainJS ジェネレータはお気に入りのお気に入りを使用するための選択肢を提供します

• フレームワーク (React、Angular2 または Angular1)
• モジュール管理 (Webpack、SystemJS または Bowerなし)
• javascript のプリプロセッサ ( Babel、 TypeScript またはなし)
• CSS プリプロセッサ (SASS、LESS、またはなし)
• 3 つのサンプルアプリ (ランディングページ、Hello World、TodoMVC)

このコードラブでは、React、Webpack、Babel、SASS および Redux TodoMVC サンプルを使用します。

矢印キーを使用してこれらのオプションを順番に選択し、Enter を押して魔法が起こるのを待ちます。

Yeoman が自動的にアプリの足場を組んで依存関係を取得します。数分後には次のステップに進む準備ができるはずです。

« 概要に戻る または 次のステップに進む »