0%

flutter的环境安装(windows)

因为本人是前端开发人员,已经在用 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
2
3
4
5
sdkmanager “system-images;android-27;default;x86_64”
sdkmanager “platform-tools”
sdkmanager “build-tools;27.0.3”
sdkmanager “platforms;android-27”
sdkmanager emulator

工具的具体版本可以通过 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