使用Android Studio 創建第一個Flutter程序

搭建flutter環境

下載flutter
這個教程比較全:https://flutterchina.club/setup-windows/
  • 由於衆所周知的原因,配置一個國內鏡像,在系統用戶變量中配置
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  • 下載GitHub代碼
git clone -b master https://github.com/flutter/flutter.git
//下載太慢的話可以用這個備用的
git clone -b master https://gitee.com/mirrors/Flutter.git

在這裏插入圖片描述

ps:使用git方式拉取,不然會出現你意想不到的驚喜

  • 在用戶變量配置Path : F:/Flutter/flutter/bin
  • 使用命令檢測需要的環境
flutter doctor

在這裏插入圖片描述

  • 下載安裝Androidstudio
https://developer.android.google.cn/studio/

第一次安裝選擇do not import settings;
在這裏插入圖片描述
在這裏插入圖片描述

  • 選擇 custom ,之後可以自定義安裝路徑
    在這裏插入圖片描述
  • 這個就根據自己喜好選擇
    在這裏插入圖片描述
  • hosts 文件配置 ,下載可能會快點。。。哈哈哈啊哈哈
203.208.43.97 dl.google.com
  • gradle 如果下載慢的話可以先去官網下好,然後放到對應的目錄下
    C:\users{user name}.gradle\wrapper\dists
    (1)進入對應的gradle版本文件夾下,會發現有一個一串亂碼的文件夾,本例以gradle3.5爲例,如下圖:
    這裏寫圖片描述
    這裏寫圖片描述



(2) 下載gradle
從上面的Gradle下載地址,下載對應版本的gradle,本例中爲gradle-3.5-all.zip,然後刪除上圖中的gradle-3.5-all.zip.part文件,將下載的gradle-3.5-all.zip複製到上圖中一串亂碼的文件夾下,注意不要解壓。這樣我們就跳過了下載gradle這一步。

(3) 重新開啓Android Studio,打開工程,ok,一下子就打開了.

  • 下載sdk,配置環境變量
    如果不知道在哪配置環境變量,點擊搜索
    在這裏插入圖片描述
    在這裏插入圖片描述
    然後配置環境變量
    在這裏插入圖片描述
    Path 增加





%ANDROID_HOME%\tools;%ANDROID_HOME%\platformtools;
  • 配置完以後,在cmd內輸入adb,如果不行就重啓電腦,還不行這個%ANDROID_HOME%就寫絕對路徑
    在這裏插入圖片描述
    執行

//這個執行比較慢,一直輸入   y    就完了
flutter doctor --android-licenses

在這裏插入圖片描述

 不要在意idea版本不一致。。。。。》-《
創建Flutter項目,使用Android Studio
  • 首先需要安裝flutter插件
    在這裏插入圖片描述
  • 安裝的時候會提示是否安裝dart插件,選擇是一起安裝就好,安裝完重啓AS後就可以創建項目

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
然後就可以run程序
在這裏插入圖片描述
如果一直卡在上面這種情況,可以給flutter配置國內鏡像





  • 修改Flutte SDK鏡像
    路徑爲flutter\packages\flutter_tools\gradle\flutter.gradle修改
    在這裏插入圖片描述

	    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' }

  • 修改該文件中的:FlutterPlugin靜態成員變量DEFAULT_MAVEN_HOST
    在這裏插入圖片描述
    private static final String DEFAULT_MAVEN_HOST="https://storage.flutter-io.cn";
  • 繼續該文件中添加,位置是:void addFlutterDependencies()方法中
    在這裏插入圖片描述
			    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' }
  • 修改Flutter項目下的android下的build.gradle
    在這裏插入圖片描述
			    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' }

改完以後還不行的話就重啓電腦
在這裏插入圖片描述
在這裏插入圖片描述
完美


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章