Laravel 12 및 Vue 3 완벽 스타터 가이드

Vite를 사용하여 Vue 3로 Laravel 12 프로젝트를 설정하려면 먼저 Composer를 통해 Laravel 12를 설치합니다. `composer create-project --prefer-dist laravel/laravel my-laravel-app` 명령어를 사용하세요. 그런 다음, `.env.example` 파일을 복제하여 환경을 설정하고, 애플리케이션 키를 생성한 다음, 데이터베이스 자격 증명으로 `.env` 파일을 업데이트합니다. 다음으로, `npm install`로 Node 모듈을 설치하고, `npm install vue@latest vue-router@latest @vitejs/plugin-vue`로 Vue 및 추가 종속성을 설치합니다. `vite.config.js` 파일을 수정하여 Vue용 Vite를 구성합니다. `resources/js/app.js`를 수정하여 Vue 앱 진입점을 만들고, `resources/js/components/App.vue`를 만들어 샘플 Vue 컴포넌트를 만듭니다. Vue Router를 설치하고 `resources/js/router/index.js` 및 `resources/js/components/Home.vue`를 생성하여 Vue Router를 설정합니다. Vue를 포함하도록 `resources/views/app.blade.php`를 수정하여 Blade 템플릿을 업데이트합니다. 마지막으로 `npm run dev`로 Vite를 사용하여 에셋을 컴파일하고 `php artisan serve`로 Laravel 서버를 시작합니다. 이 설정은 확장 가능하고 고성능 웹 애플리케이션 구축을 위한 견고한 기반을 제공합니다. 인증, API 처리, 상태 관리 등을 추가하여 프로젝트를 확장할 수 있습니다. 이 가이드를 통해 개발 여정을 시작하고 Laravel 12와 Vue 3를 사용하여 최신 웹 애플리케이션을 구축할 수 있습니다.