因为本人是前端开发人员,已经在用 webstorm,不想在安装一个 Android studio 这么重的 IDE,会导致卡顿,所以想使用 vscode 安装 flutter 插件作为开发工具,只安装 android-sdk
安装环境
首先准备一个文件夹专门用来放 sdk,命名Android
,把所有环境有关的 sdk 都可以装到这里方便管理。
注意:Android 文件夹不要使用C:\Program Files\
这种需要权限的路径
JDK
https://github.com/AdoptOpenJDK/openjdk8-binaries/releases
选择 OpenJDK8U-jdk_x64_windows_hotspot_8u252b09.msi 或者 OpenJDK8U-jdk_x64_windows_hotspot_8u252b09.zip 下载
msi 安装的时候选中生成环境变量 JAVA_HOME;zip 格式的可以解压到Android
目录,然后自己去添加环境变量 JAVA_HOME
Flutter Sdk
https://flutter.dev/docs/get-started/install/windows#get-the-flutter-sdk
flutter 官方文档,注意路径为Android/flutter
Android SDK
1. Android command tools(Android-sdk-tool)
https://developer.android.com/studio#command-tools
注意
这里有个巨大的坑, 我下载的
commandlinetools-win-6200805_latest.zip
解压tools
文件放到Android
目录下后,环境变量中添加Android/tools/bin
运行 sdkmanager 会不正常,原因是新版的路径必须是Android\cmdline-tools\latest
下,但是Android\cmdline-tools\latest
这个路径会导致另外一个问题flutter doctor --licenses
命令在解决授权问题的时候找不到 sdkmanger。这个坑以后 flutter 更新版本后可能会解决掉,但是现在只能 work around
解决方法
下载老版本android-sdk-26-1-1.zip
,然后解压到Android
目录下,然后将Android\tools\bin
添加到path
环境变量,设置环境变量ANDROID_HOME
的地址是Android
目录
2. 通过 sdkmanager 安装其他 Android SDK 工具
1 | sdkmanager “system-images;android-27;default;x86_64” |
工具的具体版本可以通过
sdkmanager --list
命令查询,然后安装对应的最新版本
检查运行环境
上面步骤如果没有出现错误,那么恭喜你 flutter 应该已经安装好了。
为了验证环境是否正常,flutter 提供了一个命令flutter doctor
去检查环境,(可以在 vscode 中ctrl+shift+p
输入flutter
选择flutter doctor
)
检查结果中可以忽略 Android SDK 没有安装的警告,你只需要安装 vscode 和 flutter 插件,
连接上手机(打开 usb 调试,允许 usb 安装应用)
运行
在 vscode 中使用ctrl+shift+p
输入flutter
使用Flutter: New project
来新建一个项目。
输入项目名后,flutter 会自动开始初始化项目。
初始化完成后直接按 F5 即可运行
手机会提示安装一个应用,完成后自动打开就能看到一个点击计数的 app 了
注意:
运行中如果长时间卡在 Running Gradle task ‘assembleDebug’…。
是因为 gradle 国内下载太慢,解决办法是自己下载,然后放到 gradle 的下载目录里,让它接着执行之后的操作。
gradle 的目录是类似C:\Users\xxxx\.gradle\wrapper\dists\gradle-5.6.2-all\9st6wgf78h16so49nn74lgtbb
。
下载对应版本的 zip 直接放到目录中即可,例:gradle-5.6.2-all.zip