공식 홈 가이드에 있는 플러그인만 해도 snippet은 일단 충분해 보임

flutter.dev/docs/development/tools/vs-code

 

Visual Studio Code

How to develop Flutter apps in Visual Studio Code.

flutter.dev

* launch.json 추가

F5 키로 프로그램 실행

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "tistory",
            "request": "launch",
            "type": "dart",
            "flutterMode": "debug",
        }
    ]
}

 

* 추가로 widget이 늘어지니, color bracket 관련 된 거 정도만 설치하면 좋은 듯

1이 install 수도 많고, 2는 베타 버저닝이긴 한대 잘 돌긴 하는 듯 (1, 2 둘 다 archived 됐네)

Bracket Pair Colorizer 2 - Visual Studio Marketplace

 

Bracket Pair Colorizer 2 - Visual Studio Marketplace

Extension for Visual Studio Code - A customizable extension for colorizing matching brackets

marketplace.visualstudio.com

indent-rainbow - Visual Studio Marketplace

 

indent-rainbow - Visual Studio Marketplace

Extension for Visual Studio Code - Makes indentation easier to read

marketplace.visualstudio.com

 

Bracket Pair Colorizer 2 만 적용

 


 

* pubspec.yaml 선택

pub get, upgrade, outdated

 

* dart devtools

 

* snippet: tab 또는 선택

stless, stful

stful

 

* ctrl + .

 

stateless > stateful

안드로이드 스튜디오는 widget 제거하는 것도 있었던 것 같은데 아닌가...

wrap widget 및 extract

 

 

+ Recent posts