win10 搭建flutter环境

这是我参与更文挑战的第3天,活动详情查看更文挑战

前言

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

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

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

git

选择红框内的就行了,32位还是64位请根据具体的系统进行选择。

20210325161148662.png
下载连接

flutter

  1. 去flutter官网下载其最新可用的安装包,flutter SDK 下载地址

20210325162732806.png

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

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

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

20210325163454455.png

20210325163454492.png

  1. 更新环境变量

转到 “控制面板>用户帐户>用户帐户>更改我的环境变量”,在path中新建一条flutter\bin的全路径;
重启Windows以应用此更改

20210325163830681.png
在GIT中输入flutter,当出现Manage your Flutter app development时,说明flutter SDK安装成功。

2021032516444387.png
输入flutter doctor;Android Studio如果没有打勾说明本地还没安装。

20210325164637299.png

Android Studio

  1. Android studio安装程序可以从中文社区进行下载,下载地址
  2. 安装完Android studio之后,打开Android Studio,File -> Setting -> Plugins。点击install进行下载,下载完成后,重启Android studio。

20210325165956383.png
3. 检查SDK是否已经配置成功。打开Android Studio,File -> Setting -> Apperance & Behavior -> System Settings -> Android SDK。

20210326140819104.png
4. 检查Flutter SDK是否已经配置成功。打开Android Studio,File -> Setting -> Languages & Frameworks -> Flutter。

20210326141041547.png
5. 检查Dart SDK是否已经配置成功。打开Android Studio,File -> Setting -> Languages & Frameworks -> Dart。

20210326141111602.png
6. 配置环境变量

20210326141305840.png

  1. flutter doctor

完成以上所有操作之后,再输入flutter doctor,此时全部打勾,说明安装完成。

20210326141510690.png

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享