Flutter VSCode에서 플러터 위젯을 어떻게 둘러싸는지 알려주세요., How to surround flutter widget in vscode

질문

Visual Studio Code에서 코드 블록을 둘러싸거나 특정 위젯 이름을 강조한 다음 해당 위젯의 자식들을 둘러싸는 바로 가기 키 또는 확장 기능이 있는지 궁금합니다.

자주 그런 경우가 있는데, 예를 들어 다음과 같은 것을 생성했을 때:

Padding(
  padding: EdgeInsets.all(10.0),
  child: Container(
  ...

그런 다음 일부 작성 후에 Padding을 Column이나 Row와 같은 다른 것으로 둘러싸려고 합니다. 현재로서는 Padding 앞에 Row( child:를 추가하고 아래로 스크롤하여 새로운 ),` 괄호를 추가해야합니다.

Padding을 선택하고 vs code에게 이것을 접두사로 사용할 것이라고 알리면 괄호를 추가해주는 방법이 없을까요?

IntelliJ에서 이를 동작하는 것을 본 것 같습니다.

답변

확실해요!

Vscode는 몇 가지 리팩터 옵션을 제공합니다. 이 중에는 Wrap with Column도 있습니다:

위젯 위에서 오른쪽 버튼을 클릭하고 "Refactor"를 누르면 됩니다.