美文网首页
MacOS上第一个Flutter

MacOS上第一个Flutter

作者: 封丑儿 | 来源:发表于2020-08-27 15:13 被阅读0次

    老规矩,放几个权威性的链接
    Flutter中文官网
    Flutter官网

    一、编辑工具

    目前Flutter支持的编辑工具:

    Android Studio: 为Flutter提供完整的IDE体验.
    VS Code: 轻量级编辑器,支持Flutter运行和调试.
    Terminal + 编辑器: 您的编辑选择与Flutter的终端工具结合运行和构建.

    我使用的是AS(Android Studio,以下皆简写)

    二、创建新应用

    1.0 选择 File>New Flutter Project
    2.0 选择 Flutter application 作为 project 类型, 然后点击 Next
    3.0 输入项目名称 (如 flutter_app,这里只能小写), 然后点击 Next
    4.0 点击 Finish
    5.0 等待Android Studio安装SDK并创建项目.

    第一个坑来了:有很多人都卡在了 Creating Flutter Project!
    原因:这一步大部分是因为Flutter没有配置成功

    解决方法:

    1.0 检查之前~/.zshrc下配置的镜像和环境变量是否正确(不同的shell,文件不一样,这里看我中的安装Flutter文章中3.0配置镜像、环境变量那一块吧),如果没问题就继续
    2.0 运行 flutter doctor,并对应去解决相应报错
    这两步基本就可以了

    如果还是不行的话:

    找到安装flutter的根目录,进入fluttre->bin->cache,找到lockfile文件,删除此文件,重启Android Studio,即可。

    三、运行应用程序

    之前有很多坑,这里就不一一列出了,直接按着这几个步骤操作吧
    1.0 配置build.gradle
    在你Flutter项目中
    找到 flutter_testapp/android/下的build.gradle
    修改buildscript与allprojects下的repositories{},注释google等,改为阿里云的

    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' 
    }
    
    build.gradle.png

    修改dependencies下build:gradle:为3.6.4

    classpath 'com.android.tools.build:gradle:3.6.4'
    
    build.gradle.png

    2.0 配置gradle-wrapper.properties
    找到 flutter_testapp/android/gradle/wrapper下的gradle-wrapper.properties
    修改gradle的版本号为6.3

    注意:这里的6.3是和上面3.6.4对应的

    distributionUrl=https\://services.gradle.org/distributions/gradle-6.3-all.zip
    
    gradle-wrapper.propertiespng

    3.0 修改FlutterSDK下面的gradle源
    找到安装Flutter的地址后打开flutter.gradle

    /flutter/packages/flutter_tools/gradle/flutter.gradle
    

    修改buildscript 下的repositories

    buildscript {
        repositories {
            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'
        }
    }
    
    repositories.png

    ok 了,现在也不需要梯子,直接运行即可。

    相关文章

      网友评论

          本文标题:MacOS上第一个Flutter

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