Flutter 开发环境搭建---安装（一）

港控/mmm° 2022-12-06 12:34 273阅读 0赞

工欲善其事必先利其器，首先会分别介绍一下在 Windows 和 macOS 下 Flutter SDK 的安装，然后再介绍一下配 IDE 和模拟器的使用。

安装 Flutter

由于 Flutter 会同时构建 Android 和 IOS 两个平台的发布包，所以 Flutter 同时依赖 Android SDK 和 iOS SDK，在安装 Flutter 时也需要安装相应平台的构建工具和 SDK。下面我们分别介绍一下 Windows 和 macOS 下的环境搭建。

![d4c9a788ff656d79bf15c10495d80ac1.png][]

使用镜像

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

最新的环境变量通过Flutter官网获取：

![f1b50540e4625cdda965da5d6175c7f0.png][]

export PUB\_HOSTED\_UR=https://pub.flutter-io.cn

export FLUTTER\_STORAGE\_BASE\_URL=https://storage.flutter-io.cn

![a6ca27622a4743a22b712196c4870879.png][]

获取 Flutter SDK

去 flutter 官网下载其最新可用的安装包：

https://flutter.dev/docs/development/tools/sdk/releases

![4a42701b33d6f0683b740e923b5ac125.png][]

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

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

更新环境变量

如果你想在 Windows 系统自带命令行运行 flutter 命令，需要添加flutter SDK安装目录下的bin目录到用户环境变量PATH。

安装其他依赖

运行 flutter doctor 命令

该命令检查你的环境并在命令行窗口中显示报告。Dart SDK 已经在打包在 Flutter SDK 里了，没有必要单独安装 Dart。

Android 设置

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

![83812de345c3abfd0ad079f0f3d70cef.png][]

下载并安装 Android Studio

下载地址：https://developer.android.com/studio/index.html

![f260b6970844267b744738f11cdd04b0.png][]

![747738297db01e1cd56c2bf61b4bd218.png][]

启动 Android Studio，然后执行“Android Studio 安装向导”

这将安装最新的 Android SDK、Android SDK 平台工具和 Android SDK 构建工具，这些是用 Flutter 进行 Android 开发所需要的。

Xcode设置

要为 iOS 开发 Flutter 应用程序，您需要 Xcode 9.0 或更高版本:

1. 安装 Xcode 9.0 或更新版本(通过链接下载或苹果应用商店).

2. 配置 Xcode 命令行工具以使用新安装的 Xcode 版本 \`sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer\` 对于大多数情况，当您想要使用最新版本的 Xcode 时，这是正确的路径。

3. 确保 Xcode 许可协议是通过打开一次 Xcode 或通过命令\`sudo xcodebuild -license\`同意过了.

使用 Xcode，您可以在 iOS 设备或模拟器上运行 Flutter 应用程序。

![8eb02267045822f43b15db14f7f1eb15.gif][]

END

![51399e8243ad55e4c03669fc1a9c6217.gif][]

![8f75ec56280c08da664c74f74d3f6c90.png][]

扫码了解更多

![8ed4adc84a1052130f0dbc2a5f52951b.png][]

![7a33e371acfb814f468539c6c2d86fe2.png][]

[d4c9a788ff656d79bf15c10495d80ac1.png]: /images/20221123/533a6496f2244bb88f536407a12bf241.png
[f1b50540e4625cdda965da5d6175c7f0.png]: /images/20221123/6dca28133c7743589b0e4e5227494517.png
[a6ca27622a4743a22b712196c4870879.png]: /images/20221123/2c4dcad453b14ee4a4e81eecc9fd7ac8.png
[4a42701b33d6f0683b740e923b5ac125.png]: /images/20221123/e118bed7523e4f20829b26d85fa0770d.png
[83812de345c3abfd0ad079f0f3d70cef.png]: /images/20221123/f2ba1918372a4629bfaf3cdadf7a543b.png
[f260b6970844267b744738f11cdd04b0.png]: /images/20221123/bc8d1c3475854a1d8a0d812107a9b551.png
[747738297db01e1cd56c2bf61b4bd218.png]: /images/20221123/2f344bdfd90146ee980036506ff298f7.png
[8eb02267045822f43b15db14f7f1eb15.gif]: /images/20221123/4130b0a1ab5846ccad5adbed4a3d8c55.png
[51399e8243ad55e4c03669fc1a9c6217.gif]: /images/20221123/d60530e1c2c44577b74c60522ab4afd1.png
[8f75ec56280c08da664c74f74d3f6c90.png]: /images/20221123/3f08eb8a644d49978a453715ffefe40a.png
[8ed4adc84a1052130f0dbc2a5f52951b.png]: /images/20221123/2f78bca96a7d41a2ac0567320bc4bfec.png
[7a33e371acfb814f468539c6c2d86fe2.png]: /images/20221123/afdd6f468b874ec8a7c9e1990bc71c3b.png