搭建Flutter环境 Stable版的 [v1.12.13+hotfix.5]
Flutter 中文网: https://flutterchina.club/setup-windows/
Flutter 中文文档: https://flutter.cn/about/docs-cn
Flutter 中国 https://flutter.cn/
安装jdk及搭建java环境
JDK 的版本必须是 1.8(⽬前不⽀持 1.9 及更⾼版本)
-
下载 https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
下载时先同意协议(Accept License)
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-h70nSrS0-1617934040014)(搭建Flutter环境.assets/image-20200115101450870.png)]
-
配置环境变量 https://blog.youkuaiyun.com/qq_26631651/article/details/82666336
搭建android 环境
-
下载工具及sdk等等的网站
https://www.androiddevtools.cn/
-
从上面的网址下载 Android Studio
-
打开翻墙软件
其实可以不打开翻墙软件
-
安装 Android Studio
-
如果出现了Android SDK add-on list d额错误,点击取消无视他
-
在选择 “标准和自定义”中选择 自定义,勾选模拟器,并自定义 SDK及相关工具的目录(会很大,不要默认安装在C盘)
-
在 SDK Manager 中选择"SDK Platforms"选项卡,然后在右下角勾选"Show Package Details"。展开
Android 9 (Pie)
选项,确保勾选了下面这些组件:Android SDK Platform 28
Intel x86 Atom_64 System Image
(官方模拟器镜像文件,使用非官方模拟器不需要安装此组件)
然后点击"SDK Tools"选项卡,同样勾中右下角的"Show Package Details"。展开"Android SDK Build-Tools"选项,确保选中了 React Native 所必须的
28.0.3
版本。你可以同时安装多个其他版本。最后点击"Apply"来下载和安装这些组件。
-
配置 ANDROID_HOME 环境变量
React Native 需要通过环境变量来了解你的 Android SDK 装在什么路径,从而正常进行编译。
打开
控制面板
->系统和安全
->系统
->高级系统设置
->高级
->环境变量
->新建
,创建一个名为ANDROID_HOME
的环境变量(系统或用户变量均可),指向你的 Android SDK 所在的目录(具体的路径可能和下图不一致,请自行确认):
SDK 默认是安装在下面的目录:
c:\Users\你的用户名\AppData\Local\Android\Sdk
你可以在 Android Studio 的"Preferences"菜单中查看 SDK 的真实路径,具体是Appearance & Behavior → System Settings → Android SDK。
你需要关闭现有的命令符提示窗口然后重新打开,这样新的环境变量才能生效。
-
把 platform-tools 目录添加到环境变量 Path 中
打开
控制面板
->系统和安全
->系统
->高级系统设置
->高级
->环境变量
,选中Path变量,然后点击编辑。点击新建然后把 platform-tools 目录路径添加进去。此目录的默认路径为:
c:\Users\你的用户名\AppData\Local\Android\Sdk\platform-tools
配置及下载Flutter SDK
下载
我下载的是 Stable版的 v1.12.13+hotfix.5
https://flutter.dev/docs/development/tools/sdk/releases#windows
配置镜像
由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:
Flutter 社区
FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn
PUB_HOSTED_URL: https://pub.flutter-io.cn
清华大学 TUNA 协会
FLUTTER_STORAGE_BASE_URL: https://mirrors.tuna.tsinghua.edu.cn/flutter
PUB_HOSTED_URL: https://mirrors.tuna.tsinghua.edu.cn/dart-pub
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
设置环境变量
要在终端运行 flutter
命令, 你需要添加以下环境变量到系统PATH:
- 转到 “控制面板>用户帐户>用户帐户>更改我的环境变量”
- 在“用户变量”下检查是否有名为“Path”的条目:
- 如果该条目存在, 追加
flutter\bin
的全路径,使用;
作为分隔符. - 如果条目不存在, 创建一个新用户变量
Path
,然后将flutter\bin
的全路径作为它的值.
- 如果该条目存在, 追加
- 在“用户变量”下检查是否有名为”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的条目,如果没有,也添加它们。
检查环境是否成功
检查版本
flutter -v
验证环境
- 需要在vs code 插件市场安装
flutter
插件,安装此插件会自动安装dart
- 在android studio 插件市场(plugins) 中安装 Flutter
Connected device
是没有连接设备,无需管他- 如果是凭证问题提示需要运行
flutter doctor --android-licenses
直接运行此命令,并同意(y)如果没有配置代理,则需要翻墙- 其他错误提示请参照 https://blog.youkuaiyun.com/liy010/article/details/82078484解决
flutter doctor
体验Flutter
如何通过vs code 或 android Studio 创建并调试Flutter项目,请参照
https://flutterchina.club/get-started/test-drive/#vscode
搭建Dart
Dart中文文档及社区: https://dart.cn/community
-
下载
-
验证
dart --version