Visual Studio Code 플러터(Flutter) 파란색 밑줄 없애기

Flutter 프레임워크를 이용해서 앱을 개발 하다보면 소스에 파란색줄이 생기는 경우가 많다.

파란색 밑줄로 가득한 소스코드는 가독성이 매우 떨어진다.

마우스를 대보면 파란색 밑줄의 원인이 나온다.

Use 'const' with the constructor to improve performance.
Try adding the 'const' keyword to the constructor invocation.

const 를 선언해서 사용가능한 것은 const 를 붙이라는 코멘트다. const 는 상수라는 의미로 절대 변하지 않는 값을 const 로 선언해서 사용한다. const 를 선언하면 컴파일러가 작동하기전에 이미 값을 할당해놓기 때문에 프로그램 성능에도 좋다. 

const 선언

변하지 않을 변수에 const 선언을 해주니 파란색 밑줄이 사라졌다. 그럼 이게 상수인지 아닌지 매번 판단해서 const 를 선언해야하는건가? 사용자 설정에서 자동으로 처리해주는 방법이 있다.

명령 팔레트(단축키: Ctrl+Shift+p) 에서 Open user settings 를 검색하면 사용자 설정 열기(JSON) 이 보인다.

들어가면 setting.json 파일이 열린다. 그리고 아래 항목을 추가해준다.

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

그리고 소스 편집기에서 저장을 누르면 자동으로 const 가 필요한 부분에는 const 가 생성되어 파란색 밑줄이 사라지게 된다.