Vue - 폰으로 localhost 디버깅하기 > IT 기술백서

1. vue 를 아래와 같이 실행합니다.

$ yarn dev --port=3000 --hostname=0.0.0.0

2. usb로 폰을 연결합니다.

: 설정에서 USB 디버그모드를 활성화 해주세요

3. 앱을 실행합니다.

4. 크롬 주소창에 아래와 같이 입력하고 잠시 기다립니다.

: chrome:inspect

5. 곧이어 출력되는 목록중에서 자신의 앱에 해당하는 부분에 "inspect" 를 클릭합니다.

: 앱용 개발자도구가 뜹니다.

6. 윈도우 cmd 창에서 ipconfig (또는 ifconfig) 명령어로 자신의 사설아이피를 알아봅니다.

: 보통 192.168.0.X 로 되어 있습니다.

7. 개발자도구에서 주소창에 192.168.0.X:3000 으로 접속합니다.

8. 현재 디버깅서버에서 돌고있는 웹페이지가 뜹니다.

출처: https://plming.tistory.com/187 [플밍]