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


 

猜你喜欢

转载自blog.csdn.net/YuDBL/article/details/106980170