VSCodeで拡張機能を追加してDart/Flutterの開発環境を構築する

この記事はこんな人にオススメ

どうも、Shinyaです。

この記事では、VSCodeに拡張機能を追加してDart/Flutterの開発環境を構築する方法について書いていきます。

VSCodeで拡張機能を追加する前にDart/Flutterをインストールしておく必要があります。Dart/Flutterのインストールがまだ完了していない方は、次の記事を参考にDart/Flutterのインストールを行なってください。

また、VSCodeのインストールが完了していない方は、次の記事を参考にVSCodeのインストールを行なってください。

Dart/Flutterの開発環境をVSCodeで構築するために必要な拡張機能は、公式から提供されている次の2つです。

また、VSCodeの拡張機能には公式サイトに設置された次の画像にあるリンクからでもインストールが可能です。

上記の2つの拡張機能をインストールすると、VSCodeでDart/Flutterのソースファイルでのシンタックスハイライトやその他諸々の機能がサポートされるようになります。

VSCodeでDart/Flutterの拡張機能をインストールするためには、次の手順でVSCodeの画面を操作してください。

Flutterの拡張機能はDartの拡張機能に依存しているため、Flutterの拡張機能をインストールすると自動的にDartの拡張機能もインストールされます。

上記の拡張機能のインストールが完了すると、VSCodeを再起動することなくDartとFlutterの各種機能が利用可能になっていることを確認できます。