3. [Flutter] Web장치(크롬, 엣지)로 디버깅하기

 

1. flutter console에 flutter devices 명령하면 사용가능한 장치목록을 확인합니다.

사용가능한 장치 리스트

 

 

---

2. flutter config로 enable 명령어 목록을 확인하고

flutter config --enable-web 명령으로 web을 사용할 수 있게 권한을 수정합니다.

enable 명령 리스트

web 허용완료

 

 

---

3.flutter 프로젝트에서 launch.json에 아래와같이 실행 방법을 추가해줍니다.

       {
            "name": "Flutter",
            "request": "launch",
            "type": "dart",
            "args": [
                "--web-hostname",
                "127.0.0.1"
            ]
        },

 

 

---

4. 생성된 장치로 선택 후 실행합니다.

web으로 되어있는 장치 선택

 

 

---

5. Web 장치로 빌드 완료.

Edge(좌),Chrome(우)