[Flutter]開始使用：配置編輯器

您能夠把任意的文本編輯器與命令行工具結合使用來構建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插件提供了代碼分析（代碼驗證，鍵入代碼，完成代碼等）。

安裝這些：

1. 啓動Android Studio.
2. 打開plugin preferences（macOS中是Preferences>Plugins，Windows & Linux中是File>Settings>Plugins）。
3. 選擇Browse repositories…，而後選擇Flutter插件並點擊 install.
4. 當提示安裝Dart插件時，請單擊Yes。
5. 出現提示時單擊Restart。

---

設置Visual Studio Code（VS Code）

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

安裝VS Code

• VS Code，1.20.1版本或更新版本。

安裝Dart代碼插件

1. 啓動VS Code
2. 調用View>Command Palette…
3. 輸入「install」，而後選擇**「Extensions：Install Extension」**操做
4. 在搜索框中輸入dart code，在列表中選擇「Dart Code」，而後點擊Install
5. 選擇「OK」以從新加載VS Code

經過Flutter Doctor驗證您的設置

1. 調用View>Command Palette…
2. 輸入「doctor」，而後選擇**「Flutter: Run Flutter Doctor」**操做
3. 查看「OUTPUT」欄中的輸出是否有問題

---

Next

[Flutter]啓動：調試運行