flutter环境搭建

系统要求

要安装并运行Flutter，您的开发环境必须满足以下最低要求:

• 操作系统: Windows 7 或更高版本 (64-bit)

• 磁盘空间: 400 MB (不包括Android Studio的磁盘空间).

• 工具: Flutter 依赖下面这些命令行工具.

  • PowerShell 5.0 或更新的版本

  • Git for Windows (Git命令行工具)；

  如果已安装Git for Windows，请确保可以在命令提示符或PowerShell中运行 git 命令

1、使用镜像

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

<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="shell" contenteditable="true" cid="n19" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); font-size: 0.9em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(248, 248, 248); position: relative !important; border: 1px solid rgb(231, 234, 237); border-radius: 3px; padding: 8px 4px 6px; margin-bottom: 15px; margin-top: 15px; width: inherit; color: rgb(51, 51, 51); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn</pre>

windows加入方法为：计算机--属性--高级系统设置--环境变量--用户变量，分别添加：

• 变量：PUB_HOSTED_URL 值：https://pub.flutter-io.cn

• 变量：FLUTTER_STORAGE_BASE_URL 值：https://storage.flutter-io.cn

image.png

2、获取Flutter SDK

由于Flutter会同时构建Android和IOS两个平台的发布包，所以Flutter同时依赖Android SDK和iOS SDK，在安装Flutter时也需要安装相应平台的构建工具和SDK。

• flutter官网下载其最新可用的安装包，官网地址：https://flutter.io/sdk-archive/#windows

• Flutter github项目下去下载安装包，地址：https://github.com/flutter/flutter/releases 。

  1. 将安装包zip解压到你想安装Flutter SDK的路径（如：C:\src\flutter；注意，不要将flutter安装到需要一些高权限的路径如C:\Program Files\）。

  2. 在Flutter安装目录的flutter文件下找到flutter_console.bat，双击运行并启动flutter命令行，接下来，你就可以在Flutter命令行运行flutter命令了。

  3. 更新flutter环境变量。

     如果你想在Windows系统自带命令行（而不是）运行flutter命令，需要添加以下环境变量到用户PATH：

     • 转到 “控制面板>用户帐户>用户帐户>更改我的环境变量”

     • 在“用户变量”下检查是否有名为“Path”的条目:

     • 如果该条目存在， 追加 flutter\bin的全路径，使用 ; 作为分隔符.

     • 如果该条目不存在，创建一个新用户变量 Path ，然后将 flutter\bin 的全路径作为它的值.

3、运行 flutter doctor命令

在Flutter命令行运行如下命令来查看是否还需要安装其它依赖，如果需要，安装它们：

<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="shell" contenteditable="true" cid="n53" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); font-size: 0.9em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(248, 248, 248); position: relative !important; border: 1px solid rgb(231, 234, 237); border-radius: 3px; padding: 8px 4px 6px; margin-bottom: 15px; margin-top: 15px; width: inherit; color: rgb(51, 51, 51); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">flutter doctor</pre>

该命令检查你的环境并在命令行窗口中显示报告。Dart SDK已经在打包在Flutter SDK里了，没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务。

第一次运行flutter命令（如flutter doctor）时，它会下载它自己的依赖项并自行编译。以后再运行就会快得多。缺失的依赖需要安装一下，安装完成后再运行flutter doctor命令来验证是否安装成功

4、Android设置

Flutter依赖于Android Studio的全量安装。Android Studio不仅可以管理Android 平台依赖、SDK版本等，而且它也是Flutter开发推荐的IDE之一

• 安装Android Studio

1. 下载并安装 Android Studio，下载地址：https://developer.android.com/studio/index.html 。

2. 启动Android Studio，然后执行“Android Studio安装向导”。这将安装最新的Android SDK、Android SDK平台工具和Android SDK构建工具，这些是用Flutter进行Android开发所需要的。

• 下载flutter和dart，下载了flutter默认自带dart，同理设置了flutter路径变量dart也不用设置。

  file-->setting-->Editor-->plugins 搜索flutter并下载安装

image.png

file-->setting-->Languages&Frameworks-->Schemas and Dtos-->flutter 设置路径。

image.png