Flutter安装及首次运行体验

安装教程

安装地址参考:https://flutter.cn/docs/get-started/install

下载对应版本地址:https://flutter.cn/docs/development/tools/sdk/releases

解压对应的zip包

添加环境变量

PATH:D:\flutter\bin
PUB_HOSTED_URL:https://mirrors.tuna.tsinghua.edu.cn/dart-pub
FLUTTER_STORAGE_BASE_URL:https://mirrors.tuna.tsinghua.edu.cn/flutter
ANDROID_HOME:D:\Android\Sdk

配置相关环境

先运行flutter doctor检测环境是否满足要求

flutter doctor
image-20230214220542371

1、下载Android Studio:https://developer.android.google.cn/studio

安装完配置好虚拟机或真机连接

配置对应的代理,能加快国内下载速度image-20230214221117067

下载该sdk工具,flutter doctor第二项中需要用到image-20230214221336040

还需要同意协议

flutter doctor --android-licenses

安装flutter插件,否则在创建项目时找不到new flutter projectimage-20230214221216016

2.下载Visual studio:https://visualstudio.microsoft.com/zh-hans/

注意需要选择「使用 C++ 的桌面开发」,包括其所有默认组件,以安装必要的 C++ 工具链和 Windows SDK 的头文件

3.还需要安装谷歌浏览器

确保flutter doctor满足条件即可进入下一步

开启flutter旅程-创建flutter示例并运行启动

直接在Android Studio中创建一个新的flutter项目,然后在该目录中修改build.gradle文件,需修改2处

buildscript {
    ext.kotlin_version = '1.7.10'
    repositories {
//        google()
//        mavenCentral()
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'https://maven.aliyun.com/nexus/content/groups/public' }
    }
...
...
...
allprojects {
    repositories {
//        google()
//        mavenCentral()
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'https://maven.aliyun.com/nexus/content/groups/public' }
    }
}
image-20230214221631423

修改flutter本地文件D:\flutter\packages\flutter_tools\gradle路径下flutter.gradle和resolve_dependencies.gradle俩个文件

# flutter.gradle
buildscript {
    repositories {
        // google()
        // mavenCentral()
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'https://maven.aliyun.com/nexus/content/groups/public' }
    }
    dependencies {
        /** When bumping, also update ndkVersion above, as well as the Android Gradle Plugin
         * version in ../lib/src/android/gradle_utils.dart.
         */
        classpath 'com.android.tools.build:gradle:7.3.0'
    }
}

class FlutterPlugin implements Plugin<Project> {
    // private static final String DEFAULT_MAVEN_HOST = "https://storage.googleapis.com";
    private static final String DEFAULT_MAVEN_HOST = "https://storage.flutter-io.cn";

# resolve_dependencies.gradle
repositories {
    // google()
    // mavenCentral()
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'https://maven.aliyun.com/nexus/content/groups/public' }
    maven {
        // url "$storageUrl/download.flutter.io"
        url "https://storage.flutter-io.cn/download.flutter.io"
    }
}
image-20230214221904985
image-20230214222053258
image-20230214222212004