flutter如何搭建环境 (flutter安装和配置)

windows下安装flutter环境

  1. 首先安装java sdk,点击下面的链接,打开sdk*载下**页面

*载下**链接:

https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

flutter安装教程,flutter安装最详细

点击图片中的位置开始*载下**

*载下**安装成功后,配置环境变量,

步骤:
1. 右键“我的电脑”点击“属性”
2. 点击“高级属性设置”
3. 点击“环境变量”
4. 打开环境变量设置窗口
5.新建一个变量:
JAVA_HOME:
C:\Program Files\Java\jdk1.8.0_25(这个是你安装的sdk根目录的位置)
6.新建一个
CLASSPATH:
;%JAVA_HOME%\lib;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar
7.PATH中新加一个
 ;%JAVA_HOME%/bin;

这样配置就完成了,打开命令行工具运行java,或者javac查看是否配置成功。

  1. 安装flutter

*载下**地址:

:https://flutter.io/sdk-archive/#windows

*载下**完成之后进行解压,然后配置系统变量

PATH中新加下面的内容:
D:\flutter\bin;

然后可以检查下诊断下flutter

运行flutter doctor
得到以下内容
Android toolchain - develop for Android devices
 • Android SDK at D:\Android\sdk
 ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
 • Try re-installing or updating your Android SDK,
 visit https://flutter.io/setup/#android-setup for detailed instructions.

需要安装android sdk

  1. *载下**android studio

*载下**地址:

https://developer.android.com/

需要科学上网*载下**

*载下**完成之后进行安装,安装的时候尽量科学上网,之前安装过一次,出现莫名其妙的问题,还无法解决,所以尽量科学上网*载下**,安装。

安装完成之后,打开android studio 在刚打开页面

flutter安装教程,flutter安装最详细

configure中打开plugins*载下**flutter会自动*载下**dart

完成之后重新启动android studio

现在在运行 flutter doctor

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.2.1, on Microsoft Windows [Version 6.1.7601], locale zh-CN)
[!] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
 X Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses
[√] Android Studio (version 3.4)
[!] Connected device
 ! No devices available

得到以上内容,然后运行flutter doctor --android-licenses,一路选择y完成之后再次运行,

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.2.1, on Microsoft Windows [Version 6.1.7601], locale zh-CN)
[√] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
[√] Android Studio (version 3.4)
[!] Connected device
 ! No devices available

4.安装虚拟机

打开android studio 新建一个flutter项目,完成之后,在编辑器的工具栏中找到tools下面的AVD Manager点击打开一个弹窗,

flutter安装教程,flutter安装最详细

点击crate virtual 按钮,会弹出虚拟机列表,选中一个进行安装,安装成功后会出现下面的列表,点击按钮就会弹出虚拟机弹窗,就可以进行构建调试,

flutter安装教程,flutter安装最详细

这个时候有个能构建的时候会出现问题(构建大概10分钟左右),可以点击debug模式,看是否报错,如果报错需修改如下文件

// android/build.gradle文件
// google()和jcenter()需要科学上网可以改成使用,阿里云的Gradle 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.2.1’
 }
}
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’)
}