[flutter] 유용한 VS code extensions

Flutter

Create projects, Debug, statusbar, etc.

Flutter Widget Snippets

• 유용한 snippets제공

For flutter

snippets	Description
finitlf	initState method 생성
fcont	Container widget 생성
fscaff	Scaffold widget 생성
ftxt	Text widget snippet
fic	Icon widget 생성

For Dart

snippets	Description
darr	public arrow function 생성
dlist	List collection snippet
dmap	Map collection snippet
dset	Set collection snippet

Flutter Tree

• widget tree를 만들때 유용하다.

Single child

// input
SingleChildWidget>Child

// result
SingleChildWidget(
    child: Child(),
),

Multiple child

// input
MultipleChildWidget[ChildOne,ChildTwo]

// result
MultipleChildWidget(
    children: <Widget>[
        ChildOne(),
        ChildTwo(),
    ],
),

Nested widgets

// input
MultipleChild[ChildOne,ChildTwo>NestedChild>Child]

// result
MultipleChild(
    children: <Widget>[
        ChildOne(),
        ChildTwo(
            child: NestedChild(
                child: Child(),
            ),
        ),
    ],
),

Error Lense

Features

• Highlight lines containing diagnostics
• Append diagnostic as text to the end of the line
• Show icons in gutter

VS Code settings

Format on Save

• 저장할 때, format을 보정해준다.