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


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


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

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

1. Twillのインストール:Twill Documentationで概説されているように、標準のTwillインストール手順に従ってください。これには、「Composer required Area17/Twill: "^3.0" `および` PHP Artisan Twill:install」の実行が含まれます。

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

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

-` Sail NPM Run Dev`:Vue Development Serverを実行します。
- 「Sail NPM Run Build」:生産のためにVue Assetsを構築します。
- `Sail NPM Run Lint`:Vueコードを整えます。

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

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

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

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

引用:
[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