VSCode Shortcuts for Flutter Development

VSCode Shortcuts for Flutter Development

 

1. Quick Fix

• MacOS : CMD+.
• Windows: CTRL+.

• Convert to StatefulWidget

• 또는 클래스의 기존 속성에서 생성자 (또는 모든 데이터 클래스 방법)를 작성합니다.

 Create constructor for final fields

 

2. Show Command Pallete

• MacOS : CMD+Shift+P
• Windows : Ctrl+Shift+P

 

3. 이름으로 파일을 검색합니다

* MACOS : CMD+p

* Windows : Ctrl+p

키보드를 떠나지 않고 프로젝트에서 파일을 열기에 좋습니다.

 

4. 다트 : 종속성을 추가하십시오

먼저 명령 팔레트를 열고 “Dart : Add Dependency" 또는 “Dart : Add Dev Dependency"를 입력하십시오.

그런 다음 pub.dev에서 사용할 수있는 검색 가능한 패키지 목록을 표시합니다.

종속성을 선택하면 pubspec.yaml 파일에 추가되어 자동으로 설치됩니다.

파일 비교는 

CMD+Shift+P : Compare 입력하여 File: Compare Active File With 를 선택하면 파일 비교할 수 있습니다.

 

5. Flutter & Dart Snippets

다트 및 플러터 플러그인에는 일반적인 플러터 위젯을 빠르게 추가하는 데 사용할 수 있는 많은 스니펫이 포함되어 있습니다.

당신은 이미 이것에 익숙할 수 있습니다.

* stless : StationelessWidget을 삽입하십시오

* stful : StatefulWidget을 삽입하십시오

* stanim : AnimationController와 함께 StatefulWidget을 삽입하십시오

 

"Stanim"스니펫은 AnimationController와 함께 StatefulWidget을 삽입합니다.

그들은 당신을 위해 모든 보일러 플레이트 코드를 생성하기 때문에 훌륭합니다. 당신이 남은 것은 위젯의 이름을 지정하는 것입니다.

 

"Stanim"스니펫을위한 보일러 플레이트를 생성했습니다

그러나 스니펫을 사용하여 IF/Else, 루프, 기능 정의 등과 같은 일반적인 코드 블록을 생성할 수도 있습니다.

 

다트 스니펫은 if/else 문을 삽입합니다

 

/else 문을 생성했습니다

사용 가능한 모든 다트 스니펫을 보려면이 파일을 확인하십시오.

더 자세히 설명하려면 다른 유용한 스니펫을 제공하는 멋진 플러터 스니펫 확장을 설치할 수 있습니다.

 

6. Keyboard shortcuts list

* MACOS : CMD+K CMD+S

* Windows : Ctrl+K Ctrl+S

만약 단축키로 열리지 않으면 Ctrl+Shift+P 로 Shortcuts 로 검색해서 찾을 수 있습니다.

VSCODE에는 수많은 지름길이 있습니다.모든 것을보고 키 바인딩을 사용자 정의하려면 다음과 같이 사용합니다.

 

모든 키보드 바로 가기를 보여줍니다.

^^