こちらの記事はFlutter環境構築「STEP⑤：VSCodeのインストール」の手順を説明した記事です。
HATOBAFlutter入門の記事(リンク元)はこちらです↓
VSCodeは、Flutter開発のコーディングやプロジェクト実行を行うのに必要です
※すでにインストール済みの場合、本手順は不要なのでスキップしてください。
[PR] 自宅で現役エンジニアから学べる TechAcademy(テックアカデミー) まずは無料相談！
当ブログでは、IT業界への転職、副業・フリーランスとしての働き方を目指している方に
「自宅で現役エンジニアから学べる TechAcademy」をおすすめしてます。
目次
VSCodeインストール
まずは以下の手順でVSCodeをインストールしていきましょう↓
①：VSCodeのインストール手順
STEP
Microsoft Store を開き、画面上部の検索ボックスで「visual studio code」と検索します
STEP
「インストール」をクリック
STEP
インストールが完了したら、タスクバーの検索ボックスに「visual studio code」と入力し、「開く」をクリックして起動します
STEP
「Visual Stuidio Code」の初回起動は以下のような画面です
②：VSCodeを日本語化する方法
VSCodeでは、メニューや設定画面などの英語の表記を日本語化するプラグインが用意されています
※もし英語が苦手であれば、これを適用するのがおすすめです。
HATOBA俺は英語のままでも、余裕で使えるけどね～笑
設定方法は以下の手順です↓
STEP
拡張機能のボタンをクリックし、検索ボックスに「Japanese」と入力
STEP
「Japanese Language Pack for Visual Studio Code」の installをクリック
STEP
インストール後に再起動すると、英語表記が日本語に切り替わります(やったね！)
③：VSCodeにFlutterプラグインをインストールする方法
Flutterプラグインのインストールも、「②：VSCodeを日本語化する方法」と同じような要領で行えます。
- 拡張機能のボタンをクリックし、検索ボックスに「flutter」と入力
- flutter関連のプラグインの中で一番上の「Flutter」のインストールをクリック
【PR】ゼロから学ぶFlutterアプリ開発(Kindle版)
HATOBAこれでFlutterの開発環境構築はすべて完了です。おつかれさまでした～
「flutter入門」の最後にサンプルアプリの作成・実行方法を説明してますので試してみて下さい！
まとめ
本記事の内容は以下の通りでした。
HATOBAインストール手順の疑問点については、記事のコメント欄や、X(Twitter)のDMでも質問受け付けてます。お気軽にどうぞ～
コメント