[Flutter] vs code 에서 code generation 파일 그룹핑하기(File Nesting)

플러터의 많은 라이브러리들이 코드 제너레이션(code generation)을 제공한다.

 

코드 제너레이션은 코드의 일부를 자동으로 만들어주는 기술을 의미한다. 

코드 제너레이션을 통해 반복된 코드를 자동화하므로써 실수를 줄일 수 있다. 이를 통해 개발의 속도를 높일 수 있다.

문제

코드 제너레이션으로 만들어지는 파일로 인해, VSCODE 탐색기의 실제 사용하는 파일을 식별하기 어렵다.

(detail.dart 와 review.dart 는 내가 작성한 파일이고 이외의 detail.freezed.dart, detail.g.dart, review.freezed.dart, review.g.dart 는 생성된 파일이다.)

그래서 내가 작성파일 아래에 생성된 파일을 숨기려고 한다. 

설정 전(좌) 설정 후(우)

설정

1. command + ,(콤마) 를 눌러 설정창으로 들어간다. (윈도우는 ctrl + ,(콤마))
2. explorer 를 입력하고 File Nesting: Enabled 는 체크하고 File Nesting: Expand 는 체크해제한다.
3. 바로 아래 File Nesting: Patterns 에 Nesting 할 파일들 추가한다.
   

결과