win10 搭建flutter环境

前言

Flutter 是 Google推出并开源的移动应用开发框架,主打跨平台、高保真、高性能。开发者可以通过 Dart语言开发 App,一套代码同时运行在 iOS 和 Android平台。 自绘UI+原生,通过在不同平台实现一个统一接口的渲染引擎来绘制UI,而不依赖系统原生控件,所以可以做到不同平台UI的一致性。

flutter环境搭建需要三个步骤:

  1. 安装git。(不使用git,可以直接跳过这步,用cmd来操作)
  2. 下载flutter SDK。
  3. 安装Android Studio。

git

选择红框内的就行了,32位还是64位请根据具体的系统进行选择。
下载连接
git下载地址

flutter

  1. 去flutter官网下载其最新可用的安装包,flutter SDK 下载地址
    在这里插入图片描述

  2. 将安装包zip解压到你想安装Flutter SDK的路径。(如:D:/flutter;)Flutter SDK的路径

  3. 使用镜像
    由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

在这里插入图片描述
在这里插入图片描述

  1. 更新环境变量
    转到 “控制面板>用户帐户>用户帐户>更改我的环境变量”,在path中新建一条flutter\bin的全路径;
    重启Windows以应用此更改在这里插入图片描述
  2. 在GIT中输入flutter,当出现Manage your Flutter app development时,说明flutter SDK安装成功。在这里插入图片描述
    输入flutter doctor;Android Studio如果没有打勾说明本地还没安装Android Studio。
    在这里插入图片描述

Android Studio

  1. Android studio安装程序可以从中文社区进行下载,下载地址
  2. 安装完Android studio之后,打开Android Studio,File -> Setting -> Plugins。点击install进行下载,下载完成后,重启Android studio。在这里插入图片描述
  3. 检查SDK是否已经配置成功。打开Android Studio,File -> Setting -> Apperance & Behavior -> System Settings -> Android SDK。Android SDK
  4. 检查Flutter SDK是否已经配置成功。打开Android Studio,File -> Setting -> Languages & Frameworks -> Flutter。Flutter SDK
  5. 检查Dart SDK是否已经配置成功。打开Android Studio,File -> Setting -> Languages & Frameworks -> Dart。Dart SDK
  6. 配置环境变量在这里插入图片描述

flutter doctor

完成以上所有操作之后,再输入flutter doctor,此时全部打勾,说明安装完成。在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/zhanleibo/article/details/115211416