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

GarLin發表於2018-03-01

您可以把任意的文字編輯器與命令列工具結合使用來構建Flutter應用程式。不過,我們建議使用我們提供的任意一個編輯器外掛以獲得更好的體驗。通過我們的編輯器外掛,您可以獲得程式碼自動補全,語法高亮,元件編輯輔助,執行和除錯支援等等。

按照之前的步驟為Android Studio、IntelliJ或VS Code新增編輯器外掛。 如果你想使用不同的編輯器,那沒關係,直接跳到下一步:建立並執行你的第一個應用程式。


配置Android Studio

Android Studio:為Flutter提供完整的整合IDE體驗。

安裝Android Studio

或者,您也可以使用IntelliJ:

安裝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]啟動:除錯執行

來源:https://juejin.im/post/5a97c1a6518825556a71cf11

相關文章