Flutter 初探

1.搭建Flutter开发环境(windows)

  首先按照官方文档步骤搭建开发环境，我的电脑是windows的，所以这里只介绍windows的搭建。

  开发工具android studio；

 添加插件settings-plugins-Flutter安装，install时会提示需要安装Dart，一并安装即可。

 下载sdk可以有两种方法，git 下载sdk或者new Flutter Project时下载。

如上图，可选择已存在的sdk，或者选择路径install。

demo创建完成后，运行：

Unable to locate a development device; please run ‘flutter doctor’ for information about installing additional components.

好吧，只有这一行错误。按照上面的所述 去运行flutter doctor。

差点忘了，需要配置下环境变量：

Path：下添加 sdk 的路径 我这里放在d盘 D:\Flutter\Sdk\flutter\bin

另外按照文档所述需要添加下镜像

算了还是复制吧：

 PUB_HOSTED_URL=https://pub.flutter-io.cn
 FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

环境变量配置完成，切换win+r

输入flutter doctor

 

 有问题。。

先解决第一个。输入命令：flutter doctor --android-licenses

一直输入y 到结束。

ok 解决啦，至于另一个，启动模拟器，重新输入：

 

 可以啦，重新回到项目，运行。

Launching lib/main.dart on Android SDK built for x86 in debug mode...
Initializing gradle...
Resolving dependencies...
* Error running Gradle:
ProcessException: Process "/Users/rabbit/develop/android/flutter_app/android/gradlew" exited abnormally:
Project evaluation failed including an error in afterEvaluate {}. Run with --stacktrace for details of the afterEvaluate {} error.

FAILURE: Build failed with an exception.

* Where:
Build file '/Users/rabbit/develop/android/flutter_app/android/app/build.gradle' line: 25

* What went wrong:
A problem occurred evaluating project ':app'.
> Could not resolve all files for configuration 'classpath'.
   > Could not find lint-gradle-api.jar (com.android.tools.lint:lint-gradle-api:26.1.2).
     Searched in the following locations:
         https://jcenter.bintray.com/com/android/tools/lint/lint-gradle-api/26.1.2/lint-gradle-api-26.1.2.jar

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

* Get more help at https://help.gradle.org

BUILD FAILED in 0s
  Command: /Users/rabbit/develop/android/flutter_app/android/gradlew app:properties

Finished with error: Please review your Gradle project setup in the android/ folder.

我去。这是什么鬼。。

查了下解决方案如下：

解决方法1：修改build.gradle,注释掉jcenter()，google()。使用阿里的镜像。原因是jcenter google库无法访问到导致的问题。虽然我有万能的爬墙工具，开启全局代理依然被我们伟大的发改委墙掉了！

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


第二步：找到fluttersdk目录 进入如下目录

Macintosh HD⁩ ▸ ⁨用户⁩ ▸ ⁨rabbit⁩ ▸ ⁨资源库⁩ ▸ ⁨Flutter⁩ ▸ ⁨packages⁩ ▸ ⁨flutter_tools⁩ ▸ ⁨gradle⁩
找到下 flutter.gradle文件 找如如下内容替换成和我一样的 把jcenter注释掉。

​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'
    }
}
至此从新运行，解决掉问题。

解决方案的原文地址：https://segmentfault.com/q/1010000016775662；

运行：