Flutter学习第一课-环境搭建

  • 基本资料
  1. 官网:https://flutter.dev/
  2. 中文网:https://flutterchina.club/
  3. 教程网:http://www.flutterj.com/
  4. 官网第三方库:https://pub.flutter-io.cn/
  5. 优秀资源:https://github.com/Solido/awesome-flutter
  • FlutterSDK下载
  1. 下载地址:https://flutter.io/sdk-archive/#windows
  2. 将下载好的SDK解压放置任意喜好的路径,并配置好环境变量 环境变量配置路径 : X:\Android\flutter\bin
  3. 在终端下输入 flutter doctor 检测安装配置环境
    在这里插入图片描述
  • 下载Android Studio
  1. 下载地址:https://developer.android.com/
  2. 安装Android Studio 软件:这个安装也就是差不多下一步下一步,(需要注意的是,到下图时,会变的很慢,它去谷歌下载了很多包,我大概下载了30分钟)
  3. 打开Android Stuido 软件,然后找到Plugin的配置,搜索Flutter插件。 出现上图,点中间的Search in repositories,然后点击安装。 安装完成后,你需要重新启动一下Android Studio软件。
  • 创建一个一个Flutter工程
  1. 打开Andorid Studio ,我们选择第二项,新建Flutter项目。
  2. 打开第二个窗口后,选择第一个选项Flutter Application(flutter应用)。
  3. 打开第三个窗口后,填入项目名称,选择好FlutterSDK路径,确认好项目创建的路径
  4. 打开第三个窗口后,填入你想要的App应用包名,默认会有一个。其他默认配置就好不用管。
    点击Finish系统就会自动为我们创建一个Flutter项目(新建项目的过程也是很慢的,它要去谷歌下载gradle,这个东西很容下载失败,如果失败,可以多反复试几次)。
  • 安装Google Android模拟器(真机省略—)
  1. 打开Android Stuido 软件找到菜单栏>>Tool>>AVD manager>>Create Virtual Device
  2. 打开第二个窗口,选择Phone>>Nexus 5X 或者 6P
  3. 打开第三个窗口,选择模拟器版本,就最新的就好,可能需要下载模拟器系统文件,这个很慢。需要耐心等待。
  4. 后面下一步,填入模拟名称,默认竖屏/横屏。确认好后Finish完成。等待创建Android模拟器创建完成。请耐心等待。
  • 让我们的程序跑起来
    在这里插入图片描述
  1. 点击绿色小箭头开始运行,第一次过程很慢,需要去goggle下载很多配置文件。
  2. 注意:如果模拟器没有连接上,打开终端输入 adb connect 127.0.0.1:62001 让Android Stuiod 重新连接模拟器 运行adb命令需要提前配置系统环境变量
  • 额外配置​​​​​​​​​​​​​​ 让我们愉快的玩耍
  1. 第一步:修改掉项目下的android目录下的build.gradle文件,把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' }

全部代码:

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.1.2'
    }
}
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 SDK包下的flutter.gradle文件,这个目录要根据你的SDK存放的位置有所变化。比如我放在了D盘Flutter目录下,那路径就是这个。

D:\Flutter\flutter\packages\flutter_tools\gradle

打开文件进行修改,修改代码如下(其实也是换成阿里的路径就可以了)。

buildscript {
    repositories {
        //jcenter()
        // maven {
        //     url 'https://dl.google.com/dl/android/maven2'
        // }
        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.1.2'
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值