Flutter (windows环境下的)安装与启动

csdnYF

2020-05-16

Flutter (windows环境下的)安装与启动，所遇到的坑及解决方案

首先按照官方文档所提供的说明配置flutter环境变量，下载flutter sdk包，推荐下载1.17.0版本，配置对应path路径（1.17.0版本是目前官方提供的2020年最新最稳定的一个版本，前几天遇到了一个问题，打开vscode后看到flutter有更新，手贱点了一下更新到了1.17.1，然后项目就启动不了了，任凭你怎么折腾都不行，然后重新删除了flutter目录直接覆盖1.17.0版本的包，竟然可以了）；
其中一个坑来了，就是下载android studio 和安装sdk，其中android studio官网应该需要梯子(我这边用到了lantern)，下载后安装到你对应的目录下，不管是android studio还是sdk都是可以自定义安装路径(不需要进入主窗口开发界面，sdk直接在"Welcome to Android studio" 这个界面右下角配置就行了），启动后让你选择proxy，可以暂时cancel了；
2.1 进行配置host，也就是配置dl.google.com这个代理，点这里进行查看页面下边的响应ip，在本地进行ping一下看好使不，最后在本机上配置这个host：xxx.xxx.xx.xx dl.google.com ；
2.2 以上都完成后，安装已经完成，然后按照这个来进行配置(其实这个是React Native的Android Studio配置，对比起来flutter的Android Studio配置说明完全是敷衍)，这个文档关于Android SDK Platform的选择还是28版本，根据自己需求来选择，ANDROID_HOME 环境变量这些都配一下，文档下边的创建新项目 就不用看了;
2.3 以上都装完配置完后重启一下电脑，然后执行flutter doctor，第二条应该是个红叉，提示让你执行后边的一个协议，执行后无脑全选y；再次运行flutter doctor，提示没找到模拟器，不用管；还有个是关于Android SDK的报感叹号，如果你想用android studio开发，那就装上flutter插件和dart插件，我这边是vscode，就不对android stuido里边开发配置说明了；
第二个坑，创建第一个项目(如果卡了很久，退掉，可以尝试使用命令创建:flutter create 项目名)，如果有梯子，可以直接运行；没有，那就需要配置了，以下

3.1 打开flutter安装目录下的这个地址flutter\packages\flutter_tools\gradle，找到flutter.gradle打开（不放心备份一下最好）

...
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‘ }
}
...
private static final String MAVEN_REPO      = "https://storage.flutter-io.cn/download.flutter.io";
...

上边的MAVEN_REPO这个配置在flutter.gradle中只有一个，找到这个把地址换一下就行了，保存，关闭；

3.2 使用vscode打开项目，并安装flutter插件，在项目目录下找到android/build.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‘ }
	    maven { url ‘http://download.flutter.io‘ }
	}
    ...
}
...
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‘ }
        maven { url ‘http://download.flutter.io‘ }
    }
}
...

以上代码就是去掉google()和jcenter() 替换成对应的maven