[Flutter] 플러터 개발속도 향상을 위한 VSCODE 가이드 라인 설정하기

VSCODE 도트라인(가이드 라인)

플러터로 개발하다 보면, 선언형 때문에 코드 위치 및 구조를 파악하기 어려울 때가 있습니다. 물론, 코드량이 많아지기 전에 별도로 클래스로 나눠주면 문제가 없겠지만, 명시적으로 도트라인이 보이면 더 좋을 것입니다.

 

설정방법

우선, `VSCODE 설정`으로 들어갑니다.

VSCODE

`Preview Flutter Ui Guides` 항목을 활성화시켜 주세요.

 

VSCODE

그리고, 오른쪽 상단에 아이콘 클릭하여 `OpenSetting JSON` 형태로 열어주세요.

 

VSCODE

위에 2가지 항목을 추가해 주시고, `VSCODE를 완전히 종료`했다가 다시 열어주세요.

저 같은 경우 재부팅하고 바로 적용이 안되고 조금 있다가 적용이 되더라고요.