[Flutter] VSCode Settings

VSCode에서 Flutter를 사용할때 다음과 같이 Setting을 적용하면 좀 더 편하게 개발할 수 있다.

 

Ctrl + Shift + P > Preferences: Open User Settings (JSON)

 

1. editor.codeActionsOnSave

"[dart]": {
        "editor.formatOnSave": true,
        "editor.formatOnType": true,
        "editor.rulers": [
            80
        ],
        "editor.selectionHighlight": false,
        "editor.suggest.snippetsPreventQuickSuggestions": false,
        "editor.suggestSelection": "first",
        "editor.tabCompletion": "onlySnippets",
        "editor.wordBasedSuggestions": false,
        
        # 추가
        "editor.codeActionsOnSave": {
            "source.fixAll": true
        },
        
    },

위처럼 editor.codeActionsOnSave 옵션을 "[dart]"에 추가해주면 save를 할때마다 자동으로 줄바꿈, const 추가 등 교정해준다.

 

2. dart.previewFlutterUiGuides

"[dart]": {
        "editor.formatOnSave": true,
        "editor.formatOnType": true,
        "editor.rulers": [
            80
        ],
        "editor.selectionHighlight": false,
        "editor.suggest.snippetsPreventQuickSuggestions": false,
        "editor.suggestSelection": "first",
        "editor.tabCompletion": "onlySnippets",
        "editor.wordBasedSuggestions": false,
        "editor.codeActionsOnSave": {
            "source.fixAll": true
        },
    },
    
# 추가
"dart.previewFlutterUiGuides": true,

dart.previewFlutterUiGuides 옵션을 추가해주면 아래와 같이 코드 구조를 파악할 수 있게 guide line을 그려준다.