搭建Flutter环境

搭建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/

  1. 从上面的网址下载 Android Studio

  2. 打开翻墙软件

    其实可以不打开翻墙软件

  3. 安装 Android Studio

  4. 如果出现了Android SDK add-on list d额错误,点击取消无视他

  5. 在选择 “标准和自定义”中选择 自定义,勾选模拟器,并自定义 SDK及相关工具的目录(会很大,不要默认安装在C盘)

  6. 在 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"来下载和安装这些组件。

  7. 配置 ANDROID_HOME 环境变量

    React Native 需要通过环境变量来了解你的 Android SDK 装在什么路径,从而正常进行编译。

    打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建,创建一个名为ANDROID_HOME的环境变量(系统或用户变量均可),指向你的 Android SDK 所在的目录(具体的路径可能和下图不一致,请自行确认):

ANDROID_HOME Environment Variable

​ SDK 默认是安装在下面的目录:

c:\Users\你的用户名\AppData\Local\Android\Sdk

​ 你可以在 Android Studio 的"Preferences"菜单中查看 SDK 的真实路径,具体是Appearance & BehaviorSystem SettingsAndroid SDK

​ 你需要关闭现有的命令符提示窗口然后重新打开,这样新的环境变量才能生效。

  1. 把 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
验证环境
  1. 需要在vs code 插件市场安装flutter插件,安装此插件会自动安装dart
  2. 在android studio 插件市场(plugins) 中安装 Flutter
  3. Connected device是没有连接设备,无需管他
  4. 如果是凭证问题提示需要运行flutter doctor --android-licenses直接运行此命令,并同意(y)如果没有配置代理,则需要翻墙
  5. 其他错误提示请参照 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

  1. 下载

  2. 验证dart --version

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值