물에 살고싶은 개발자

VS Code에서 Flutter 웹 포트 고정하기 본문

Flutter

VS Code에서 Flutter 웹 포트 고정하기

돼지사랑 2023. 8. 25. 14:01

Flutter 웹 애플리케이션을 개발하면서 항상 동일한 포트에서 앱을 실행하고 싶다면, VS Code의 설정을 통해 쉽게 고정할 수 있습니다.

 

  1. VS Code를 열고, 좌측 하단의 기어 아이콘(설정)을 클릭하거나, 상단 메뉴에서 파일 > 설정으로 접근할 수 있습니다. 윈도우의 경우 Ctrl + , 단축키를 통해서도 설정에 빠르게 접근할 수 있습니다.
  2. 상단의 검색창에 Dart: Flutter Run Additional Args를 입력합니다.
  3. 나타나는 설정 항목에서 Add Item을 클릭합니다.
  4. 입력창에 --web-port=원하는포트번호 (예: --web-port=7789)를 입력하고 OK버튼을 클릭 또는 엔터를 칩니다.

예를들면 이런식으로 등록 가능

이제 Flutter 웹 애플리케이션을 실행할 때마다 지정한 포트에서 앱이 실행됩니다.

 

Comments