- 基本资料
- 官网:https://flutter.dev/
- 中文网:https://flutterchina.club/
- 教程网:http://www.flutterj.com/
- 官网第三方库:https://pub.flutter-io.cn/
- 优秀资源:https://github.com/Solido/awesome-flutter
- FlutterSDK下载
- 下载地址:https://flutter.io/sdk-archive/#windows
- 将下载好的SDK解压放置任意喜好的路径,并配置好环境变量 环境变量配置路径 : X:\Android\flutter\bin
- 在终端下输入 flutter doctor 检测安装配置环境
- 下载Android Studio
- 下载地址:https://developer.android.com/
- 安装Android Studio 软件:这个安装也就是差不多下一步下一步,(需要注意的是,到下图时,会变的很慢,它去谷歌下载了很多包,我大概下载了30分钟)
- 打开Android Stuido 软件,然后找到Plugin的配置,搜索Flutter插件。 出现上图,点中间的Search in repositories,然后点击安装。 安装完成后,你需要重新启动一下Android Studio软件。
- 创建一个一个Flutter工程
- 打开Andorid Studio ,我们选择第二项,新建Flutter项目。
- 打开第二个窗口后,选择第一个选项Flutter Application(flutter应用)。
- 打开第三个窗口后,填入项目名称,选择好FlutterSDK路径,确认好项目创建的路径
- 打开第三个窗口后,填入你想要的App应用包名,默认会有一个。其他默认配置就好不用管。
点击Finish系统就会自动为我们创建一个Flutter项目(新建项目的过程也是很慢的,它要去谷歌下载gradle,这个东西很容下载失败,如果失败,可以多反复试几次)。
- 安装Google Android模拟器(真机省略—)
- 打开Android Stuido 软件找到菜单栏>>Tool>>AVD manager>>Create Virtual Device
- 打开第二个窗口,选择Phone>>Nexus 5X 或者 6P
- 打开第三个窗口,选择模拟器版本,就最新的就好,可能需要下载模拟器系统文件,这个很慢。需要耐心等待。
- 后面下一步,填入模拟名称,默认竖屏/横屏。确认好后Finish完成。等待创建Android模拟器创建完成。请耐心等待。
- 让我们的程序跑起来
- 点击绿色小箭头开始运行,第一次过程很慢,需要去goggle下载很多配置文件。
- 注意:如果模拟器没有连接上,打开终端输入 adb connect 127.0.0.1:62001 让Android Stuiod 重新连接模拟器 运行adb命令需要提前配置系统环境变量
- 额外配置 让我们愉快的玩耍
- 第一步:修改掉项目下的android目录下的build.gradle文件,把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' }
全部代码:
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' }
}
}
rootProject.buildDir = '../build'
subprojects {
project.buildDir = "${rootProject.buildDir}/${project.name}"
}
subprojects {
project.evaluationDependsOn(':app')
}
task clean(type: Delete) {
delete rootProject.buildDir
}
注意是有两个部分进行了修改,不要只修改一处。
第二步:修改Flutter SDK包下的flutter.gradle文件,这个目录要根据你的SDK存放的位置有所变化。比如我放在了D盘Flutter目录下,那路径就是这个。
D:\Flutter\flutter\packages\flutter_tools\gradle
打开文件进行修改,修改代码如下(其实也是换成阿里的路径就可以了)。
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'
}
}