做自(zì)由與創造的先行者

Flutter 配置編輯器

Flutter開(kāi)發手冊

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

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

一、Android Studio

安裝Android Studio

Android Studio, 3.0或更高(gāo)版本.

或者,您也(yě)可以使用(yòng)IntelliJ:

IntelliJ IDEA Community, version 2017.1或更高(gāo)版本.

IntelliJ IDEA Ultimate, version 2017.1 或更高(gāo)版本.

安裝Flutter和(hé)Dart插件

需要安裝兩個插件:

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

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

要安裝這(zhè)些(xiē):

啓動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或更高(gāo)版本.

安裝Flutter插件

啓動 VS Code

調用(yòng) View>Command Palette…

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

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

選擇 ‘OK’ 重新啓動 VS Code

通過Flutter Doctor驗證您的設置

調用(yòng) View>Command Palette…

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

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

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