02. 개발환경 구성(feat. vscode)

1. 개발 환경

• Framework : Laravel
• IDE : Visual Code(vscode)
• Language : php
• server & DB : XAMPP(Apache, MySQL)
• browser : Chrome

---

2. 프로젝트 생성 및 vscode로 프로젝트 열기

1) 프로젝트 생성 및 확인

$laravel new [프로젝트명]

 

설치 후 프레임 워크 버젼 확인

$php artisan --version

 

추가로 $php artisan명령을 많이 사용할 텐데 커맨드 옵션 확인하려면 다음

$php artisan

 

라라벨 실행

$php artisan serve

 

localhost:8000으로 접속하면 웹 페이지가 뜨는 것을 확인할 수 있다.

여기까지는 그 전 내용이랑 겹칠 것이다.

 

2) vscode로 프로젝트 열기

vscode를 열어서 상단 탭에 [파일] → [폴더열기] → [프로젝트명] 순서대로 ㄱㄱ

 

localhost로 접속했을 때 화면에 출력되는 페이지는 resources/view/welcome.blade.php이다.

 

자주 사용하는 디렉토리

• /app/Http/Controllers
• /resources
• /routes

 

3) 개발에 필요한 익스텐션 추가하기

추가로 개발하면서 필요한 익스텐션이 있으면 추가하자

걍 자기 입맛에 맞게 추가하면 될듯?

 

익스텐션 리스트 참고 자료

• https://blog.pusher.com/vscode-extensions-laravel-development/
• https://iot-lab.tistory.com/107