Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Twill の Vue CLI 機能を Laravel Sail で使用できますか


Twill の Vue CLI 機能を Laravel Sail で使用できますか


はい、Twill の Vue CLI 機能を Laravel Sail で使用できます。 Twill は、Laravel Sail を開発環境として使用する場合を含め、Laravel とシームレスに連携するように設計されています。

Laravel Sail で Twill の Vue CLI 機能を使用する手順は次のとおりです。

1. Twill のインストール: Twill ドキュメント に記載されている標準の Twill インストール手順に従います。これには、`composer require area17/twill:"^3.0"` と `phpArtisan twill:install` の実行が含まれます。

2. Laravel Sail をセットアップする: Laravel アプリケーションが Laravel Sail を使用するようにセットアップされていることを確認します。これには、`docker-compose.yml` ファイルの作成と、開発環境を開始するための `./vendor/bin/sail up` コマンドの実行が含まれます。

3. Twill の Vue CLI コマンドを使用する: Twill は、フロントエンド アセットの管理に使用できる Vue CLI コマンドのセットを提供します。これらのコマンドは Laravel Sail とシームレスに連携します。

- `sail npm run dev`: Vue 開発サーバーを実行します。
- `sail npm run build`: 実稼働用の Vue アセットをビルドします。
- `sail npm run lint`: Vue コードを lint します。

他の Laravel Artisan コマンドと同様に、Laravel Sail 環境内からこれらのコマンドを実行できます。

4. Twill の Vue コンポーネントの統合: Twill は、アプリケーションで使用できる事前構築済みの Vue コンポーネントのセットを提供します。他の Vue コンポーネントと同様に、これらのコンポーネントを Vue.js コードにインポートして使用できます。

5. カスタマイズと拡張: ツイルは高度にカスタマイズできるように設計されています。 Vue コンポーネントを変更したり、独自のカスタム コンポーネントを作成したり、Twill のフロントエンド機能を Laravel Sail ベースのアプリケーションと統合したりできます。

これらの手順に従うことで、Laravel Sail 開発環境内で Twill の Vue CLI 機能をシームレスに使用できます。これにより、Twill の強力なフロントエンド ツールを活用しながら、Laravel Sail が提供する使いやすさと一貫性の恩恵を受けることができます。

引用:
[1] https://github.com/area17/twill/issues/192
[2] https://twillcms.com/docs/getting-started/installation.html
[3] https://demos.pixinvent.com/vuexy-vuejs-admin-template/documentation/guide/laravel-integration/laravel-sail-docker.html
[4] https://laravel.com/docs/11.x/sail
[5] https://packagist.org/packages/laravel/sail