プロジェクトの設定

  • リリースバージョン: Xanadu
  • 更新日 2024年08月01日
  • 所要時間：2分

    • コンポーネントプロジェクトと、コンポーネントの開発に必要なファイルのセットを作成します。インスタンスに接続してコンポーネントのアプリケーションスコープを作成するか、後で検証するためにスコープを予約することができます。

    始める前に

    環境の設定。

    手順

    1. プロジェクトのフォルダーを作成し、システムのコマンドラインツールでそのフォルダーを指定します。
    2. コンポーネントプロジェクトと、コンポーネントのビルドに必要なすべてのファイルを作成します。
      1. 作成したフォルダーから、このコマンドを実行します。 
        $ snc ui-component project [--name name --description description --scope scope --offline]

        これらの引数に値を渡します。

        名前 説明
        name 必須です。プロジェクト名。有効な一意の npm パッケージ名である必要があります。
        説明 npm レジストリとインスタンスのプラグインリストで使用できるプロジェクトの説明。
        scope このプロジェクトとそのコンポーネントにアサインする提案されたアプリケーションスコープ。指定されている場合、インスタンスは名前を検証します。 インスタンスでのアプリケーション開発には、名前空間識別子のガイドラインを使用します。詳細については、「アプリケーションスコープ」を参照してください。

        最大：18 文字。

        ケース：スネークケース。

        デフォルト：x_customerprefix_componentname、ここで：
        • customerprefix は、インスタンスの glide.appcreator.company.code システムのプロパティの値です。
        • componentname は、プロジェクトの作成時にコンポーネントの name パラメーターで指定された値です。

        または、now-ui.json ファイルで scopeName パラメーターに値を追加することもできます。詳細については、「コンポーネントのアプリケーションスコープの変更」を参照してください。
        offline true の場合、インスタンスから切断されている間にコンポーネントを作成してスキャフォールディングします。指定されたスコープ名の検証をスキップします。

        デフォルト値：false。

        		 
        $ snc ui-component project --name @myorg/movie-quotes --description 'A web component that prints movie quotes.'
        $ snc ui-component project --name @myorg/hello-world --scope x_myorg_helloworld --offline
    3. 次のコマンドを実行して、npm の依存関係をインストールします。 
      npm install

    次のタスク

    コンポーネントの開発。