【Flutter】開發之環境搭建(一)

歡子發表於2019-05-17

前言

Flutter大浪潮下,筆者也開始入坑了,本系列旨在記錄學習過程,歡迎一起探討。

需要準備的軟體

  • Android Studio 3.0.0 以上
  • Android SDK
  • git

開始搭建

  • 1.下載flutter 安裝包,並解壓

可以去 flutter中文網 或者 Github 下載,個人推薦去官網下載。

  • 2.新增環境變數

Path系統變數中新增安裝包\bin目錄的完整路徑,比如完整路徑為: D:\flutter\flutter\bin,與上一個變數用英文;隔開。

因為國內訪問限制的問題,還需要新增以下2個變數,請注意,該變數的值可能會變化,以官網公佈的為準

鍵:PUB_HOSTED_URL

值:https://pub.flutter-io.cn

鍵:FLUTTER_STORAGE_BASE_URL

值: https://storage.flutter-io.cn

如果沒有新增ANDROID_HOME變數的話,還需要新增,值為Android SDK 所在路徑,如 D:\android\sdk,新增完後記得重啟電腦。

  • 3.執行flutter doctor 命令

開啟安裝目錄下flutter_console.bat檔案,輸入flutter doctor 出現以下提示,則表示配置成功

image.png

  • 4.常見問題

1).報錯

Error: The Flutter directory is not a clone of the GitHub project.
   The flutter tool requires Git in order to operate properly;
   to set up Flutter, run the following command:
   git clone -b beta https://github.com/flutter/flutter.git
複製程式碼

從github上下載就會遇到這個問題

解決辦法: 把剛剛下載的Flutter安裝包刪掉,重新在想要安裝的目錄下執行 git clone -b beta https://github.com/flutter/flutter.git

2).報錯 此時不應有 \flutter\bin\cache 解決辦法: 不要將加解壓目錄放在高許可權的路徑,如C:\Program Files\

3).報錯

image.png
一般都是更新了環境變數,或者環境變數填的flutter解壓路徑有誤

  • 5.Android Studio 安裝flutter 外掛

搜尋flutter 安裝即可

image.png

  • 6.新建flutter專案

File-->New-->New Flutter Project

image.png
選擇Flutter Application,然後填寫相關資訊
image.png
經過漫長的等待,終於建立成功了,專案結構如下
image.png

  • 7.執行專案

可能你想執行專案時,發現並沒有可供執行的裝置

image.png

首先,你需要新增ANDROID_HOME環境變數;其次在Terminal中執行flutter devices命令,這時,就可以看到連線的真機了。

你的認可,是我堅持更新部落格的動力,如果覺得有用,就請點個贊,謝謝

相關文章