Flutter學習系列之Flutter上手環境準備

jcdhlzq發表於2019-10-05
原文網址 : https://juejin.im/post/5d981e845188251659263829
Flutter

記錄一下入門flutter的過程，遇到的問題以及解決的辦法。

一、本地環境

Windows10 + 牆內+Android Studio。

二、安裝Flutter

映象環境

國內環境需要配置一下以下映象環境。

PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
複製程式碼

Windows下的環境變數設定步驟為：

  1. 右鍵桌面“此電腦”或者“我的電腦”。點選“屬性”，進入系統資訊介面。
  2. 點選左側“高階系統設定”，進入“系統屬性”對話方塊。
  3. 點選“環境變數”，進入環境變數設定介面。
  4. 點選上方使用者環境變數中的“新建”，進入“新建使用者變數”介面。
  5. 變數名填入PUB_HOSTED_URL，變數值填https://pub.flutter-io.cn。
  6. 同樣操作，新建使用者變數FLUTTER_STORAGE_BASE_URL。
  7. 點選“確定”儲存。

安裝Flutter SDK

  1. 去flutter官網下載其最新可用的安裝包，下載地址：flutter.dev/docs/develo… 。
  2. 將安裝包zip解壓到想要安裝的目錄下。如C:\flutter\。
  3. 將bin目錄的絕對路徑加入使用者環境變數PATH中。
  4. 開啟powershell，執行flutter doctor命令，檢查開發環境。如下圖所示。

Flutter學習系列之Flutter上手環境準備

由於使用的是Android Studio環境，且使用模擬器來除錯，所以後面兩條警告可以忽略。

安裝Android Studio

  1. 下載Android Studio並安裝，user-gold-cdn.xitu.io/2019/10/5/1…。
  2. 開啟plugins設定，安裝Dart語言外掛。重啟IDE。
  3. 安裝Flutter外掛。重啟IDE。

安裝之後的Android Studio會多出一個“Start a new Flutter project”，就可以建立flutter專案了。

Flutter學習系列之Flutter上手環境準備

三、問題

如果遇到resolve dependencies錯誤，可以將專案中android下的build.gradle中的google()和jcenter()換成下面阿里雲的maven倉庫。

    maven { url 'https://maven.aliyun.com/repository/google' }
    maven { url 'https://maven.aliyun.com/repository/jcenter' }
    maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
複製程式碼

相關文章