Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Laravel Sail에서 Twill의 Vue CLI 기능을 사용할 수 있나요?


Laravel Sail에서 Twill의 Vue CLI 기능을 사용할 수 있나요?


예, Laravel Sail에서 Twill의 Vue CLI 기능을 사용할 수 있습니다. Twill은 Laravel Sail을 개발 환경으로 사용하는 경우를 포함하여 Laravel과 원활하게 작동하도록 설계되었습니다.

Laravel Sail에서 Twill의 Vue CLI 기능을 사용하는 단계는 다음과 같습니다.

1. Twill 설치: Twill 설명서에 설명된 대로 표준 Twill 설치 단계를 따르세요. 여기에는 `composer require Area17/twill:"^3.0"` 및 `php artisan 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 코드를 린트합니다.

다른 Laravel Artisan 명령과 마찬가지로 Laravel Sail 환경 내에서 이러한 명령을 실행할 수 있습니다.

4. Twill의 Vue 구성 요소 통합: Twill은 애플리케이션에서 사용할 수 있는 사전 구축된 Vue 구성 요소 세트를 제공합니다. 다른 Vue 구성 요소와 마찬가지로 Vue.js 코드에서 이러한 구성 요소를 가져와 사용할 수 있습니다.

5. 사용자 정의 및 확장: Twill은 고도로 사용자 정의가 가능하도록 설계되었습니다. 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