Flutter的安装步骤包括:
1、JDK安装及环境变量配置
2、Android Studio安装
3、Android SDK安装及配置
4、Flutter SDK下载及配置
5、Flutter 国内镜像配置
6、flutter doctor 检测及常见问题
安装过程中,请按照顺序这些步骤。
1. JDK安装及环境变量配置
Flutter是基于Android的,所以要安装Java环境。
1.1.JDK安装
JDK下载地址如下:
https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
// 推荐下面这个,免登录, Oracle 中国
https://www.oracle.com/cn/java/technologies/downloads/#jdk22-windows
JDK安装时没有复杂操作,根据向导,直接点击下一步即可。要注意的是,安装过程中,可以修改默认的安装路径。
1.2. JDK环境变量配置
依次打开:系统属性>高级>环境变量。
首先,系统变量中新增 JAVA_HOME,设置值为 java SDK 根目录:
其次,在系统变量Path中,增加值:%JAVA_HOME%\jre\bin
最后,验证配置是否生效。打开命令提示符,输入 java -version 并按回车键,如果java版本显示出来,则说明配置成功。
2. Android Studio安装
Android Studio,是谷歌推出的一个Android集成[开发工具],基于IntelliJ IDEA。Android Studio 提供了集成的 Android 开发工具用于开发和调试。
2.1. Android Studio安装包下载
下载地址:https://developer.android.google.cn/studio
打开下载链接,点击“下载Android Studio lguana”
勾选“我已阅读……”并点击“下载Android Studio”。
下载文件文件如下所示:
2.2. Android Studio安装
不修改安装路径的话,就一直下一步即可。
安装过程会安装Android SDK,如果修改了SDK默认安装路径后,则需要配置环境变量,若未配置环境变量,启动android studio时,或在运行flutter doctor命令后,会提示没有找到Android SDK。
如果没有安装Android SDK,则需手动安装,安装步骤见后面章节。
2.3. Android Studio安装Plugins插件包
打开Android studio,在配置中找到Plugins,安装flutter插件
安装flutter插件
安装过程中,会提示该插件依赖dart插件,是否允许下载,点击Yes。
下载中可能会报错,下载地址链接超时,点击ok再来一次。
3. Android SDK安装及配置
Android SDK(Software Development Kit)是一个包含多种工具、库和文档的集合,它专门用于帮助开发者创建Android应用程序。
Android SDK 包含了用于编译、调试和运行Android应用的命令行工具和构建工具,以及用于开发的各种类库,如创建用户界面、网络通信、数据存储等。这些工具和库支持在多种操作系统平台(如Windows、Linux和Mac)上开发Android应用,并且主要是基于Java语言。
此外,Android SDK还包括了Android模拟器,它可以让开发者在模拟器上模拟和测试应用程序在Android平台上的运行情况。通过这些工具,开发者可以将应用打包成APK文件,即Android平台使用的应用程序格式。
3.1. 如何打开Android SDK配置界面
Android Studio安装过程中,如果没有自动安装Android SDK,则可手动下载SDK文件。下载SDK需要在Android Studio的SDK配置界面上操作。
以下是打开Android Studio的 SDK配置界面的步骤。
首先,将刚安装完成的android studio打开。
点击下一步
选择上图中的“start a new ……”,则会弹出下面的界面,点击“open SDK Manager”,可打开SDK配置界面;也可以点击上图右下角的“configure”选择”SDK Manager”,即可打开SDK配置界面。
SDK配置界面如下所示。
3.2. Android SDK下载
勾选版本后,点击OK,直接下载
开始安装选择的SDK包
安装完成
查看状态为已安装installed
3.3. Android SDK 环境变量配置
Android SDK默认安装路径为:C:\Users\YourName\AppData\Local\Android\Sdk,如果更换了Android SDK的安装路径,则下面的环境变量设置是必须的。
依次打开:系统属性>高级>环境变量。
首先,系统变量中新增ANDROID_HOME ,设置值为安装根目录:
其次,在系统变量Path中,增加两个值;%ANDROID_HOME%\tools,%ANDROID_HOME%\platform-tools
若果Android SDK的安装路径下,没有tools文件夹,则可以在android studio的SDK设置界面下载。
最后,验证配置是否生效。打开命令提示符,输入 java -version 并按回车键,如果java版本显示出来,则说明配置成功。
4. Flutter SDK 及配置
4.1. Flutter SDK 下载
下载地址:https://flutter.dev/docs/development/tools/sdk/releases#windows
选择自己想要的版本,下载
把下载好的 Flutter SDK 解压到你想安装 SDK 的目录,如D:\flutter_sdk\Flutter_sdk_1.22.6。解压后文件内容如下:
4.2. Flutter SDK 环境变量配置
依次打开:系统属性>高级>环境变量。
把 flutter SDK 所在目录下的bin目录,配置到环境变量中,如下图所示,在系统变量Path中,增加值;D:\flutter_sdk\flutter_sdk_1.22.6\bin
5. Flutter 国内镜像配置
搭建环境过程中要下载很多资源文件,当一些资源下载不了的时候,可能会报各种错误。在国内访问 Flutter 的时候有可能会受到限制。Flutter 官方为我们提供了国内的镜像。以下配置的是Flutter 社区的镜像:
FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn
PUB_HOSTED_URL: https://pub.flutter-io.cn
依次打开:系统属性>高级>环境变量。在系统变量中,
1、增加变量FLUTTER_STORAGE_BASE_URL,值为https://storage.flutter-io.cn
2、增加变量PUB_HOSTED_URL,值为https://pub.flutter-io.cn
6. flutter doctor 检测及常见问题
配置完成后,可以通过flutter doctor命令检查配置是否成功
6.1. 常见问题
6.1.1. Android SDK not found at this location
Android SDK默认安装路径为:
C:\Users\YourName\AppData\Local\Android\Sdk,如果更换了Android SDK的安装路径,则需要执行下面的命令才能生效:
flutter config --android-sdk D:\flutter_sdk\Android_sdk
6.1.2. Android sdkmanager tool not found
首先,在android studio的sdk配置界面,安装tools文件。该文件已经废弃使用,所以注意下面的选项中勾选按钮要去掉,才能找到该tools文件。
其次,参考【Android SDK环境变量配置】,配置Android SDK的环境变量。
6.1.3. Android license studio unknown
解决方式:Run flutter doctor --android-licenses
to accept the SDK licenses.
6.1.4. Flutter plugin not installed
参照【Android Studio安装Plugins插件包】安装插件包,flutter plugin和Dart plugin就一起下载了。
环境搭建到此算是完成了。接下来可以启动flutter工程,请参考:
flutter学习2 - flutter工程启动及报错处理 - 简书 (jianshu.com)