做(zuò)自(zì)由與創造的先行(xíng)者

Flutter 配置編輯器

Flutter開(kāi)發手冊

您可(kě)以使用任何文本編輯器與命令行(xíng)工(gōng)具來構建Flutter應用程序。 不過,我們建議(yì)使用我們的編輯器插件之一(yī),以獲得更好的體驗。通(tōng)過我們的編輯器插件,您可(kě)以獲得代碼補全、語法高亮、widget編輯輔助、運行(xíng)和(hé)調試支持等等。

按照下(xià)面步驟為(wèi)Android Studio、IntelliJ或VS Code添加編輯器插件。如(rú)果你想使用其他(tā)的編輯器, 那(nà)沒關系,直接跳(tiào)到下(xià)一(yī)步:創建并運行(xíng)你的第一(yī)個應用程序。

一(yī)、Android Studio

安裝Android Studio

Android Studio, 3.0或更高版本.

或者,您也可(kě)以使用IntelliJ:

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

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

安裝Flutter和(hé)Dart插件

需要(yào)安裝兩個插件:

Flutter插件: 支持Flutter開(kāi)發工(gōng)作(zuò)流 (運行(xíng)、調試、熱(rè)重載等).

Dart插件: 提供代碼分析 (輸入代碼時(shí)進行(xíng)驗證、代碼補全等).

要(yào)安裝這(zhè)些:

啓動Android Studio.

打開(kāi)插件首選項 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).

選擇 Browse repositories…, 選擇 Flutter 插件并點擊 install.

重啓Android Studio後插件生效.

二、VS Code

安裝 VS Code

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

安裝Flutter插件

啓動 VS Code

調用 View>Command Palette…

輸入 ‘install’, 然後選擇 Extensions: Install Extension action

在搜索框輸入 flutter , 在搜索結果列表中選擇 ‘Flutter’, 然後點擊 Install

選擇 ‘OK’ 重新啓動 VS Code

通(tōng)過Flutter Doctor驗證您的設置

調用 View>Command Palette…

輸入 ‘doctor’, 然後選擇 ‘Flutter: Run Flutter Doctor’ action

查看(kàn)“OUTPUT”窗口中的輸出是否有問(wèn)題

網站建設開(kāi)發|APP設計開(kāi)發|小程序建設開(kāi)發
下(xià)一(yī)篇:Flutter 編寫第一(yī)個Flutter應用
上(shàng)一(yī)篇:Flutter Linux安裝