[PhpStorm] 라라벨 serve , npm dev 설정 추가

요즘에 시간이 나는대로 조금씩 Laravel을 공부하고 있습니다.

 

이전에는 vscode로 개발을 하다가 Jetbrain All Product Pack을 구매하면서

PhpStorm으로 개발툴을 바꿨습니다.

 

IntelliJ IDEA로 스프링개발 할때처럼 Run 버튼 하나 클릭 하면 로컬에서 개발서버가 시작되도록 구성하고 싶어서 구성을 해봤습니다.

 

[artisan serve 설정]

1. PhpStorm에서 Run > Edit Configurations를 선택합니다.

2. 팝업창이 나타나면 왼쪽 상단에 + 버튼을 누르고 PHP Script를 찾아서 선택합니다.

3. 필요한 정보를 입력합니다.

Name은 PhpStorm에서 오른쪽 상단부분 (아래 이미지) 에서 표시될 이름을 지정합니다.

File은 현재 프로젝트의 artisan 파일을 선택하고

Arguments 값은 serve를 입력합니다. (그러면 php artisan serve로 완성이 되겠지요)

 

* 혹시 Command Line영역의 Interpreter가 설정이 되어있지 않다면 옆에 ...을 눌러서

CLI Interpreters를 설정해줍니다. (사용하시는 php 버전으로 설정하시면 됩니다.)

모두 설정을 완료하였다면 오른쪽 상단에 artisan serve가 보이실겁니다.

 

[run dev 설정]

- vite를 사용하고 있어서 npm run dev도 필요합니다!

 

1. artisan serve 설정때와 마찬가지로 PhpStorm에서 Run > Edit Configurations를 선택합니다.

 

2. 왼쪽 상단 + 버튼을 클릭하고 npm을 선택합니다.

3.

Command에는 run

Scripts에는 dev를 입력합니다.

 

입력이 완료되면 설정을 마무리합니다.

 

이제 오른쪽 상단에서

artisan serve와 dev를 실행하여 로컬 개발 서버를 편하게 작동시킬 수 있습니다!