Flutter 配置編輯器

2020-08-27 14:46 更新

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

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


一、Android Studio

安裝Android Studio

或者,您也可以使用IntelliJ:

安裝Flutter和Dart插件

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

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

要安裝這些:

  1. 啟動(dòng)Android Studio.
  2. 打開插件首選項(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

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

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


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號