安装步骤
1、下载安装 git、flutter sdk、android studio (关键是 Android SDK 组件)
在首次打开 android studio 时,会提示本机没有 Android SDK,点击取消,然后一直点下一步,它会帮你安装好 Android SDK
2、在Flutter安装目录的flutter文件夹下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。
如果希望能在 powershell、cmd 里使用 flutter 命令,需要添加环境变量到本机:
- 转到 “控制面板>用户帐户>更改我的环境变量”
- 在“用户变量”下检查是否有名为“Path”的条目:
- 如果该条目存在, 追加 flutter\bin的全路径,使用 ; 作为分隔符.
- 如果条目不存在, 创建一个新用户变量 Path ,然后将 flutter\bin的全路径作为它的值.
- 在“用户变量”下检查是否有名为”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的条目,如果没有,也添加它们。
PUB\_HOSTED\_URL https://pub.flutter-io.cn
FLUTTER\_STORAGE\_BASE\_URL https://storage.flutter-io.cn
然后,重启 Windows
3、如果用的 vscode 编辑器,搜索安装 flutter 插件
4、在命令行工具中,运行
flutter doctor
根据其提示,安装所需的插件
5、用 USB 线将手机连接到电脑,打开 USB 调试,手机上确认连接此电脑。
这一步可以换成使用安卓模拟器而不是手机来调试,看第 9 点
观察 vscode 右下角是否出现了自己手机的型号,是,则连接成功
6、创建一个应用。
ctrl + shift + p ,输入 flutter,选择 Flutter: New Project ,输入项目名称,回车。指定放置项目的位置,确定。等待编辑器自动打开 main.dart 文件
7、安装 demo 应用
按 F5 或者 调用 Debug -> start Debugging ,vscode 开始尝试将应用安装到手机上,需要等待它完成,手机要一直亮屏。如果出错,在外部命令行工具使用 flutter doctor 查看问题并解决
8、手机提示是否安装应用,点击确定,即可打开应用。
注意,如果不点击确定,有的手机会在 n 秒后自动拒绝,需要重新尝试
9、或者使用安卓模拟器运行应用
首先安装安卓模拟器。打开 Android studio,点击右上角图标
选择一个安卓版本下载
下载完毕后,到了
回到 vscode,ctrl + shift + p, 点击右下角 No Device ,顶部会弹出模拟器选项,点击初始化
在模拟器初始化完毕后,点击void main() => runApp(MyApp());
上面的 'Run' ,模拟器即可热加载代码
刚开始可能要等几分钟以启动模拟器和安装并打开 flutter 项目。直到模拟器显示当前 flutter 的界面前,不要做其他操作。
后面再次从 vscode 运行模拟器,就不用打开 Android studio ,直接可用
可能出现的问题
Android license status unknown.Try re-installing or updating your Android SDK Manager.
未安装安卓证书
解决方法:
打开 Android studio,tools - sdk manager - SDK tools , 取消底部 hide 0bsolete packages ,列表就会出现 Android SDK Tools (Obsolete) ,打勾,然后点击底部 apply,按照提示进行安装。
安装好后,在命令行运行 flutter doctor --android-licenses,会提示还有多少 SDK package license 未安装,都选 y 就行:
Warning: File C:\Users\ASUS\.android\repositories.cfg could not be loaded.6 of 7 SDK package licenses not accepted. 100% Computing updates...
Review licenses that have not been accepted (y/N)?
输入 y,然后给每个出现的 license 都输入 y.
再次输入 flutter doctor --android-licenses,检查是否有未安装成功的 license,重复上一步
启动项目时,卡在 running gradle task 'assembledebug'
因为Gradle的Maven仓库在国外, 容易撞墙。可以使用阿里云的镜像地址进行下载
打开 flutter 目录下的 \packages\flutter_tools\gradle\flutter.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' }
}
dependencies {
classpath 'com.android.tools.build:gradle:3.5.0'
}
}
使用 vscode 调试,提示
VSCode editor showing Could not find a Flutter SDK. Please ensure flutter is installed and in your PATH
此处是因为 vscode 没有检测到 flutter,重启 vscode 或者 电脑 即可
[!] Android Studio (version 3.6)
X Flutter plugin not installed; this adds Flutter specific functionality.
X Dart plugin not installed; this adds Dart specific functionality.
提示 Android studio 软件需要安装 flutter 插件和 Dart 插件。如果是用 vscode,可以不必不理会
用 vscode 的 flutter 插件的运行安卓模拟器命令 flutter: Launch Emulator
提示 No suitable Android AVD system images are available.You may need to install these using sdkmanager, for example: sdkmanager "system-images;android-27;google_apis_playstore;x86"
即未安装安卓模拟器,需要在 Android Studio 安装。
参考上面第 9 点内容
vscode 运行安卓模拟器,提示
Failed to launch emulator: RegGetValueW ... emulator: ERROR: x86 emulation currently requires hardware acceleration! Please ensure Windows Hypervisor Platform (WHPX) is properly installed and usable. CPU acceleration status: VT feature disabled in BIOS/UEFI
电脑没开启虚拟化技术,所以无法运行模拟器百度搜索当前电脑主板的进入 BIOS 的快捷键,华硕的是 F2 或者 del。然后重启电脑,在出现 Windows 图标时,一直按快捷键,进入 BIOS。点击 “高级设置” 或 “advanced setting” -> 高级 -> cpu 设置 -> Intel 虚拟技术 (或 Intel Virtual Technology)-> 设置为 Enabled
不同主板,它的位置可能不同,名字是一样的 Intel Virtual Technology