[Flutter]Webdev 설치하기, 플러터웹 작업환경 구성, auto reload

Flutter를 웹 환경에서 코드가 실시간 변경되는 작업환경을 구성하기 위해 webdev가 필요하다.

 

webdev 설치코드

1. 터미널 -> flutter packages pub global activate webdev

설치 완료 후 안내해주는 환경변수 path 설정 필수

 

2. pub에 의존성을 추가해주자

dep

- archive

 

dev_dep

- build_runner

- build_web_compilers 

 

3. 위 코드 넣었으면 pub get 해주고 터미널에서 아래 코드를 실행하자

- flutter pub run build_runner build

 

 

4. 다 되었다 아래 코드를 터미널에서 실행하면 flutter dev 웹서버가 구동된다.

- webdev serve --auto restart 명령어로 웹서버를 구동

localhost를 접속해서 확인해보자

아니? 위에 스크린샷은 127.0.0.1:8080 으로 접속하라고 하시네 처음에는 localhost하니 하더니 업그레이드 후 머리가 유연해졌나보다.

 

무시하고 localhost로 접속했다

 

 

 

참 쉽쥬