![[Flutter] 플러터 개발속도 향상을 위한 VSCODE 가이드 라인 설정하기](http://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdaaSvz%2FbtrUwnOZJpn%2FAhdjrR5a21q4N9HqyRYsI0%2Fimg.png "[Flutter] 플러터 개발속도 향상을 위한 VSCODE 가이드 라인 설정하기")
플러터로 개발하다 보면, 선언형 때문에 코드 위치 및 구조를 파악하기 어려울 때가 있습니다. 물론, 코드량이 많아지기 전에 별도로 클래스로 나눠주면 문제가 없겠지만, 명시적으로 도트라인이 보이면 더 좋을 것입니다. 설정방법 우선, `VSCODE 설정`으로 들어갑니다. `Preview Flutter Ui Guides` 항목을 활성화시켜주세요. 그리고, 오른쪽 상단에 아이콘 클릭하여 `OpenSetting JSON` 형태로 열어주세요. 위에 2가지 항목을 추가해 주시고, `VSCODE를 완전히 종료`했다가 다시 열어주세요. 저 같은 경우 재부팅하고 바로 적용이 안되고 조금 있다가 적용이 되더라고요.
원문링크 : [Flutter] 플러터 개발속도 향상을 위한 VSCODE 가이드 라인 설정하기
![[Flutter] `TextField`, `TextFormField` 특정 포커스(Focus) 위치하기](http://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Ftistory_admin%2Fstatic%2Fimages%2FopenGraph%2Fopengraph.png "[Flutter] `TextField`, `TextFormField` 특정 포커스(Focus) 위치하기")
![[VSCODE] 비주얼스튜디오코드(Visual Studio Code) SFTP 연동하기](http://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdygBbF%2FbtrSKQFhYy9%2FwqlKEApa1Kik5DEmYKI8N1%2Fimg.png "[VSCODE] 비주얼스튜디오코드(Visual Studio Code) SFTP 연동하기")
![[NextJS] Isotope-layout `window is not define` 오류 해결하기](http://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbadzIc%2FbtrU14NHDaK%2Fa6ctifxF1ef3EcfmMjWHl0%2Fimg.png "[NextJS] Isotope-layout `window is not define` 오류 해결하기")
네이버 블로그
티스토리
커뮤니티