Flutter 配置編輯器

您可以使用任何文本編輯器與命令行工具來(lái)構(gòu)建Flutter應(yīng)用程序。 不過(guò)，我們建議使用我們的編輯器插件之一，以獲得更好的體驗(yàn)。通過(guò)我們的編輯器插件，您可以獲得代碼補(bǔ)全、語(yǔ)法高亮、widget編輯輔助、運(yùn)行和調(diào)試支持等等。

按照下面步驟為Android Studio、IntelliJ或VS Code添加編輯器插件。如果你想使用其他的編輯器， 那沒(méi)關(guān)系，直接跳到下一步:創(chuàng)建并運(yùn)行你的第一個(gè)應(yīng)用程序。

一、Android Studio

安裝Android Studio

• Android Studio, 3.0或更高版本.

或者，您也可以使用IntelliJ：

• IntelliJ IDEA Community, version 2017.1或更高版本.
• IntelliJ IDEA Ultimate, version 2017.1 或更高版本.

安裝Flutter和Dart插件

需要安裝兩個(gè)插件:

• Flutter插件： 支持Flutter開(kāi)發(fā)工作流 (運(yùn)行、調(diào)試、熱重載等).
• Dart插件： 提供代碼分析 (輸入代碼時(shí)進(jìn)行驗(yàn)證、代碼補(bǔ)全等).

要安裝這些:

1. 啟動(dòng)Android Studio.
2. 打開(kāi)插件首選項(xiàng) (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).
3. 選擇 Browse repositories…, 選擇 Flutter 插件并點(diǎn)擊 install.
4. 重啟Android Studio后插件生效.

二、VS Code

安裝 VS Code

• VS Code, 安裝1.20.1或更高版本.

安裝Flutter插件

1. 啟動(dòng) VS Code
2. 調(diào)用 View>Command Palette…
3. 輸入 ‘install’, 然后選擇 Extensions: Install Extension action
4. 在搜索框輸入 flutter , 在搜索結(jié)果列表中選擇 ‘Flutter’, 然后點(diǎn)擊 Install
5. 選擇 ‘OK’ 重新啟動(dòng) VS Code

通過(guò)Flutter Doctor驗(yàn)證您的設(shè)置

1. 調(diào)用 View>Command Palette…
2. 輸入 ‘doctor’, 然后選擇 ‘Flutter: Run Flutter Doctor’ action
3. 查看“OUTPUT”窗口中的輸出是否有問(wèn)題