美文网首页Flutter学习笔记
一 Flutter的下载和安装(Mac)

一 Flutter的下载和安装(Mac)

作者: 王俏 | 来源:发表于2019-07-26 10:14 被阅读0次

    1.到网站下载flutte SDK:

    2.将下载的文件夹放到 应用程序 目录下

    • 没有梯子的需要配置镜像
      镜像配置

    3.终端下配置系统环境变量和镜像

    • 使用默认的bash那么配置 ~/.bash_profile
    • 使用zsh(Mac新系统默认是zsh)那么配置~/.zshrc

    4.在终端配置

    #Flutter 镜像配置
    $ export PUB_HOSTED_URL=https://pub.flutter-io.cn
    $ export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    source ~/.bash_profile
    
    #Flutter 环境变量配置
    $ export FLUTTER=/Applications/flutter/bin
    $ export PATH=$FLUTTER:$PATH
    

    配置完成后,重新打开终端或者输入命令载入配置

    source ~/.bash_profile
    

    5. 终端输入命令查看

    flutter doctor
    

    6.vs code 安装Flutter 扩展

    7.安装Android Studio

    • 7.1 下载地址

    • 7.2 安装SDK和工具
      启动会提醒安装SDK,安装过程无需翻墙。但是有一个工具是需要手动安装,这一步忽略,在后面 flutter doctor 会发现许可证问题。然后还会提示升级SDK

      打开Android Studio,CMD + , 进入偏好设置
      如下图安装:


      Android偏好配置
    • 7.3 安装Android Studio的插件
    • 7.4 许可证问题
    flutter doctor --android-licenses
    
    • 7.5 Gradle卡住问题
    Running Gradle task 'assembleDebug'...
    
    • 修改项目下的 build.gradle文件

    文件路径:项目 --> Android -->build.gradle 文件
    修改内容:找到buildscript 和allprojects 将里面的:

    buildscript {
    
        repositories {
    
     maven { url "[https://maven.aliyun.com/repository/google](https://maven.aliyun.com/repository/google)" }
    
     maven { url "[https://maven.aliyun.com/repository/jcenter](https://maven.aliyun.com/repository/jcenter)" }
    
     maven { url "[http://maven.aliyun.com/nexus/content/groups/public](http://maven.aliyun.com/nexus/content/groups/public)"}
    
            // google()
    
            // jcenter()
    
            }
    
        dependencies {
    
     classpath 'com.android.tools.build:gradle:3.2.0'
    
        }
    
    }
    
    • 修改Flutter安装目录中的flutter.gradle文件

    文件路径:flutter/packages/flutter_tools/gradle/flutter.gradle
    修改内容(加入阿里镜像):

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

    8.安装JDK下载地址

    相关文章

      网友评论

        本文标题:一 Flutter的下载和安装(Mac)

        本文链接:https://www.haomeiwen.com/subject/fifrrctx.html