您可以把任意的文字編輯器與命令列工具結合使用來構建Flutter應用程式。不過,我們建議使用我們提供的任意一個編輯器外掛以獲得更好的體驗。通過我們的編輯器外掛,您可以獲得程式碼自動補全,語法高亮,元件編輯輔助,執行和除錯支援等等。
按照之前的步驟為Android Studio、IntelliJ或VS Code新增編輯器外掛。 如果你想使用不同的編輯器,那沒關係,直接跳到下一步:建立並執行你的第一個應用程式。
配置Android Studio
Android Studio:為Flutter提供完整的整合IDE體驗。
安裝Android Studio
- Android Studio,3.0版本或更新版本。
或者,您也可以使用IntelliJ:
- IntelliJ IDEA Community, 2017.1版本或更新版本。
- IntelliJ IDEA Ultimate, 2017.1版本或更新版本。
安裝Flutter和Dart外掛
Flutter由兩個外掛支援:
Flutter
外掛支援Flutter開發人員工作流程(執行,除錯,熱過載等)。Dart
外掛提供了程式碼分析(程式碼驗證,鍵入程式碼,完成程式碼等)。
安裝這些:
- 啟動Android Studio.
- 開啟plugin preferences(macOS中是Preferences>
Plugins,Windows &
Linux中是File>
Settings>
Plugins)。 - 選擇Browse repositories…,然後選擇Flutter外掛並點選
install
. - 當提示安裝Dart外掛時,請單擊
Yes
。 - 出現提示時單擊
Restart
。
設定Visual Studio Code(VS Code)
VS Code:輕量級編輯器,支援Flutter執行和除錯。
安裝VS Code
- VS Code,1.20.1版本或更新版本。
安裝Dart程式碼外掛
- 啟動VS Code
- 呼叫View>
Command Palette… - 輸入“install”,然後選擇**“Extensions:Install Extension”**操作
- 在搜尋框中輸入
dart code
,在列表中選擇“Dart Code”,然後點選Install - 選擇“OK”以重新載入VS Code
通過Flutter Doctor驗證您的設定
- 呼叫View>
Command Palette… - 輸入“doctor”,然後選擇**“Flutter: Run Flutter Doctor”**操作
- 檢視“OUTPUT”欄中的輸出是否有問題