Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Can I use Twill's Vue CLI features with Laravel Sail
    Twill Vue CLI Laravel Sail Laravel development Twill Vue components Vue CLI commands Laravel Sail setup front-end development


Can I use Twill's Vue CLI features with Laravel Sail


Yes, you can use Twill's Vue CLI features with Laravel Sail. Twill is designed to work seamlessly with Laravel, including when using Laravel Sail as the development environment.

Here are the steps to use Twill's Vue CLI features with Laravel Sail:

1. Install Twill: Follow the standard Twill installation steps, as outlined in the Twill documentation. This includes running `composer require area17/twill:"^3.0"` and `php artisan twill:install`.

2. Set up Laravel Sail: Ensure your Laravel application is set up to use Laravel Sail. This includes creating a `docker-compose.yml` file and running the `./vendor/bin/sail up` command to start the development environment.

3. Use Twill's Vue CLI Commands: Twill provides a set of Vue CLI commands that you can use to manage your front-end assets. These commands work seamlessly with Laravel Sail:

- `sail npm run dev`: Run the Vue development server.
- `sail npm run build`: Build your Vue assets for production.
- `sail npm run lint`: Lint your Vue code.

You can run these commands from within your Laravel Sail environment, just like you would with any other Laravel Artisan command.

4. Integrate Twill's Vue Components: Twill provides a set of pre-built Vue components that you can use in your application. You can import and use these components in your Vue.js code, just like you would with any other Vue component.

5. Customize and Extend: Twill is designed to be highly customizable. You can modify the Vue components, create your own custom components, and integrate Twill's front-end functionality with your Laravel Sail-based application.

By following these steps, you can seamlessly use Twill's Vue CLI features within your Laravel Sail development environment. This allows you to take advantage of Twill's powerful front-end tooling while still benefiting from the ease of use and consistency provided by Laravel Sail.

Citations:
[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