VSCode Settings 세팅이 없다면


스크린샷 2023-08-01 오후 8.31.15.png

VScode로 Flutter 작업 중 파란 줄이 이렇게 많이 뜨는 것을 보았다. 권장사항대로 코드를 작성하지 않아서 인 것 같은데 const와 같은 상수 표기를 안해서 그렇다.

그렇다고 전부 일일이 적어줄 수 도 없는 노릇인데 어떻게 해야할까?

Open user settings (JSON)


VScode 세팅으로 가서 Command palette를 누르고 Open user settings (JSON)을 열어주자 json 파일(settings.json)이 나오는데 여기서 세팅을 해주어야한다.

1. Code Formatter

settings.json 파일

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

위 코드를 settings.json 파일에 넣어주면 저장하면 권장사항대로 코드를 자동으로 바꿔준다!

  "editor.formatOnSave": true,
  "editor.formatOnType": true,

위 코드들도 추가해주면 코드를 포맷해서 보기좋게 정렬해준다

2. Code Guideline

"dart.previewFlutterUiGuides": true,