2.配置Flutter代碼編輯器(IDE)

背景:
寫代碼怎麼可以沒有一個強大而智能的編輯器,雖然Notepad++也能夠,可是這個東西寫代碼誰用誰知道.因此咱們須要一個可以提升生產力的工具.

您可使用任何文本編輯器與命令行工具來構建Flutter應用程序。 不過，咱們建議使用咱們的編輯器插件之一，以得到更好的體驗。經過咱們的編輯器插件，您能夠得到代碼補全、語法高亮、widget編輯輔助、運行和調試支持等等。

按照下面步驟爲Android Studio、IntelliJ或VS Code添加編輯器插件。若是你想使用其餘的編輯器， 那不要緊，直接跳到 下一步:建立並運行你的第一個應用程序。

因爲我是一個微軟粉,微軟出品必屬精品,編輯器誰能敵得過VS Code.因此這個地方只寫VS Code的配置方式. 

同時吐槽一上上述IDE或者編輯器.
Android Studio、IntelliJ這兩個東西都是出自JB公司的產品,所有都是Java寫的IDE,且不說IDE自己全英文對中國人不友好,軟件卡的飛起,沒有高速PCIE通道SSD+24G高頻內存不太建議使用這兩個東西.

在我這邊實際配置過程當中出現沒法找到AndroidSDK的環境變量問題,此時按照以前第一章中添加環境變量的方式在,用戶環境變量中新增名爲:ANDROID_HOME的環境變量名,變量值爲本地Android-SDK的全路徑,在我本機爲:D:\Android-SDK.

將Android_Home和Flutter的環境變量設置好後,下邊的VS Code插件安裝後會自動識別,能減輕很多麻煩.

Visual Studio Code (VS Code) 安裝

VS Code: 輕量級編輯器，支持Flutter運行和調試.

安裝 VS Code

• VS Code, 安裝1.20.1或更高版本.而後安裝簡體中文插件,從新加載VS Code.

安裝Flutter插件

1. 啓動 VS Code
2. 調用 F1 快捷鍵
3. 輸入 ‘install’, 而後選擇 Extensions: Install Extension 或者直接在插件商店輸入 4 中的內容
4. 在搜索框輸入 flutter , 在搜索結果列表中選擇 ‘Flutter’此時應該認準官方發佈者Dart Code, 而後點擊 安裝
5. 選擇 ‘OK’ 從新啓動 VS Code

經過Flutter Doctor驗證您的設置

1. 調用 F1 快捷鍵
2. 輸入 ‘doctor’, 而後選擇 ‘Flutter: Run Flutter Doctor’
3. 查看「OUTPUT」窗口中的輸出是否有問題

完成上述配置後理論上就可以直接進行Flutter開發了.可是!!!!

因爲谷歌官方棄用Java,因此咱們能夠去VS Code的設置中,搜尋 @ext:dart-code.dart-code 找到 Dart:FlutterCreateAndroidLanguage (Flutter建立安卓應用的語言)選擇爲:Kotlin

同時將下方建立IOS應用的語言選擇爲 Swift