🚀
【Flutter】 Visual Studio Codeのアシスト機能で開発効率を上げる
結論
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