Flutter入门篇：1、Flutter开发环境搭建（2020-6-27）

目录

1、 在Android Studio中先下载安装 Flutter 和 Dart 插件

2、下载 Flutter 的SDK，解压zip，配置路径

3、配置Flutter环境变量

（1）在终端，用文本打开mac环境目录

（2）配置 Flutter 环境变量

4、运行 flutter doctor命令

5、运行 flutter doctor --android-licenses命令

6、再次运行 flutter doctor命令

7、Android Studio新建 Flutter 项目

（1）方式1：正常新建（卡住了）

（2）方式2：找到SDK里面自带的案例，进行运行

8、运行启动 Flutter 项目

（1）点击 AS 右下角的 Event Log

（2）执行命令 flutter run

（3）启动模拟器，运行成功

（4）真机调试成功：修改 main.dart ，执行命令运行

（5）更新依赖报错，可修改文件 build.gradle文件

---

前阵子动手配置了Flutter的开发环境，把搭建过程记录了下来，比较简单，希望对新手有帮助。

搭建步骤如下（因专做Android，已具备Android Studio的开发环境）：

 

1、 在Android Studio中先下载安装 Flutter 和 Dart 插件

 

2、下载 Flutter 的SDK，解压zip，配置路径

下载 Flutter 的SDK，我下载下来的文件名为：flutter_macos_1.17.3-stable.zip

解压zip，放在你需要放的路径下就行，配置环境变量时需要该路径。

 

同时在AS中打开Preferences，搜索Dart和Flutter。

配置好Flutter SDK和Dart SDK的路径，

其中Dart SDK已经包含在Flutter SDK中了，在解压的flutter/bin/cache/dart-sdk中。

 

 

3、配置Flutter环境变量

 

（1）在终端，用文本打开mac环境目录

指定根目录

cd ~

打开mac环境目录

open .bash_profile

（2）配置 Flutter 环境变量

把下面代码，放到文件后面，保存就行

# Flutter
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=${PATH}:/Users/用户名/你的目录/Flutter_SDK/flutter/bin:$PATH

 

4、运行 flutter doctor命令

查看是否需要安装其它依赖项来完成安装

[!] Android toolchain - develop for Android devices (Android SDK version 28.0.3)

    ! Some Android licenses not accepted.  To resolve this, run: flutter doctor

      --android-licenses

 

5、运行 flutter doctor --android-licenses命令

$flutter doctor --android-licenses
Accept? (y/N): y
All SDK package licenses accepted

 

6、再次运行 flutter doctor命令

 

7、Android Studio新建 Flutter 项目

（1）方式1：正常新建（卡住了）

这种正常的方式，卡住了！！！

没找到可行的解决方式，可使用方式2

 

（2）方式2：找到SDK里面自带的案例，进行运行

找到sdk里面自带的案例，复制到我的项目工程目录：flutterProject

 

 

用 AS 进行打开已存在的项目

 

 

 

这个自带的 hello_world 项目，应该是最基础的项目建立，

既然AS，新建项目会卡住，暂时没有找到可行的方法。

 

所以以后要创建新的项目，不妨把它粘贴复制，进行项目名等配置的修改，

然后进行进一步的项目开发。

 

 

8、运行启动 Flutter 项目

 

（1）点击 AS 右下角的 Event Log

根据 log 提示进行配置，点击 Configure，ok即可

 

 

 

（2）执行命令 flutter run

$ flutter run
No supported devices connected.

没有设备连接

 

（3）启动模拟器，运行成功

打开模拟器

 

 

terminal 依次执行命令行 flutter clean、flutter run 运行

 

 

 

（4）真机调试成功：修改 main.dart ，执行命令运行

 

执行命令：flutter run

 

 

 

 

（5）更新依赖报错，可修改文件 build.gradle文件

如果是更新依赖，报错：Error:Could not determine the dependencies of task ':app:compileDebugJavaWithJavac'

可修改文件 build.gradle文件，指向阿里云有关镜像

 

// Copyright 2014 The Flutter Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

buildscript {
    repositories {
        //修改的地方
        //google()
        //jcenter()
        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' }
    }

    dependencies {
        classpath 'com.android.tools.build:gradle:3.5.0'
    }
}

allprojects {
    repositories {
        //修改的地方
        //google()
        //jcenter()
        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' }
    }
}

rootProject.buildDir = '../build'
subprojects {
    project.buildDir = "${rootProject.buildDir}/${project.name}"
}
subprojects {
    project.evaluationDependsOn(':app')
}

task clean(type: Delete) {
    delete rootProject.buildDir
}

 

 

 

参考博文：

Flutter开发环境快速搭建-Mac os

https://www.jianshu.com/p/1246264f18dc