PHP/laravel
laravel, vue - laravel8 vue bootstrap 프로젝트 시작
- -
필요한 선행 작업
- php 설치
- composer 설치
- npm 설치
1. 프로젝트 생성
composer create-project --prefer-dist laravel/laravel:^8 my-laravel-project # laravel 프로젝트 생성
cd my-laravel-project # 프로젝트로 이동
composer require laravel/ui # ui 설정 패키지 설치
php artisan ui vue # vue를 기본 프론트엔드 설정2. laravel 서버 실행
php artisan serve3. 정상 작동 확인
4. vue 실행
npm install && npm run dev # npm 설치 및 최초 webpack 컴파일
npm run watch # vue 변경사항 실시간 반영5. laravel 기본 페이지 vue로 설정
<!-- resources/views/welcome.blade.php -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="/css/app.css">
<script src="/js/app.js" defer></script>
</head>
<body>
<div id="app">
<example-component></example-component>
</div>
</body>
</html>6. 완료
참고
반응형
Contents
소중한 공감 감사합니다