Flutter VSCode설정

 

Flutter VSCode설정

 

처음 Flutter로 코딩을 할때 정말 불편했던건 가독성이다..

안그래도 불편한데 아래와 같은 파란줄때문에 미칠것같았다..

파란줄을 없애는 방법은

1. settings.json 을 연다.

2. 아래의 코드를 넣어주고 저장 후 mani에 가서 저장을 눌러주면 파란줄이 사라진다.

"editor.codeActionsOnSave": {
        "source.fixAll": true, 
    },

 

---

가독성을 높여주는 또 하나의 VSCode설정은 부모가 어떤것인지 표현해주는 설정이다.

 

현재 코드에서 어떤게 부모인지 찾으려면 시간이 걸리고 가독성이 상당히 떨어질수 있다. 

 

1. 위와같이 settings.json을 연다.

2. 아래의 코드를 추가한다.

"dart.previewFlutterUiGuides": true,

3. VSCode를 재시작한다.

부모와 자식관계를 아주 편하게 볼수 있게되었다ㅠㅠ