🚀

【Flutter】 Visual Studio Codeのアシスト機能で開発効率を上げる

2021/01/03に公開

結論

VSCodeのアシスト機能を使うとコーディングが捗る!
WidgetをWrapしたい場合や、親と子Widgetを入れ替えたい場合、不要なWidgetを消したい場合手動でやるのめんどくさかったのですがこれで全て解決です✌️

使い方

Cmd+.(Mac)を押すだけ(簡単!)下のような一覧が出るので後は使いたいものを選択するだけ
画面キャプチャ

ざっくりとした解説

  • Wrap with widget
    ↓に該当するWidgetがない場合、これを使う。WidgetでWrapされるのでWidgetの部分を使いたいWidgetに書き換えて使うイメージ
  • Wrap with Container
  • Wrap with Paddng
  • Wrap with SizeBox
  • Wrap with StreamBuilder
    ↑名前の通り対象のWidgetでWrapしてくれる
  • Swap with parent
    親Widgetと階層を入れ替えたい時に使う
  • Remove this widget
    対象のWidgetを削除したい場合
  • Extract Local Variable
    ローカル変数と抽出してくれる
    var xx = Widget(xxx).みたいなイメージ
  • Extract Widget
    StatelessWidgetを継承したWidgetとして抽出してくれた。あまり使わなそう

参考

Discussion