Mac系统搭建Flutter开发环境-持续更新

Mac系统搭建Flutter开发环境-2020.6.19

  • 1.前言
  • 2.开发环境搭建
    • (1).系统要求 以及当前环境
    • (2).获取Flutter SDK
    • (3).解压Flutter SDK
    • (4).添加flutter相关工具到path中
    • (5).安装Android Studio(IDEA,VSCode也可)
  • 3.运行flutter doctor

1.前言

最近在使用Flutter开发项目,关于Flutter,搭建可以从Flutter官网了解下最新的信息。在搭建开发环境的过程中顺便记录下,让后来者少踩几个坑。

2.开发环境搭建

(1).系统要求 以及当前环境

系统要求:

要安装并运行Flutter,您的开发环境必须满足以下最低要求:
操作系统: macOS (64-bit)
磁盘空间: 700 MB (不包括Xcode或Android Studio的磁盘空间).
工具: Flutter 依赖下面这些命令行工具.
bash, mkdir, rm, git, curl, unzip, which

当前环境:

  1. 系统 : macOS Catalina 10.15.5
  2. Flutter SDK
  3. Xcode 11.5
  4. Android Studio 3.6.3

(2).获取Flutter SDK

关于Flutter SDK共有四个版本,分别是Stable(稳定版),Beta(测试版),Dev(开发版),Master版,建议选择stable版本,我们可以去这里,选择我们的操作系统(这里选macOS),当前最新的版本是1.17.4-stable.zip.

(3).解压Flutter SDK

解压安装包到你想安装的目录,使用终端解压或者是直接双击zip文件解压。例如:

cd ~/development
unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip

解压后的文件目录如下:
Mac系统搭建Flutter开发环境-持续更新_第1张图片

(4).添加flutter相关工具到path中

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:
用vim打开~/.zshrc,增加配置代码保存。

#配置国内临时镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn export
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
#添加到path中
PATH="$PATH:/Users/用户名/development/flutter/bin"

注意:这里的用户名要改成自己的用户名,路径改成自己的路径即可。
终端执行命令source ~/.zshrc 让配置立即生效

(5).安装Android Studio(IDEA,VSCode也可)

1.安装Android Studio
Android Studio, 3.0或更高版本.我的版本是3.6.3
2.安装Flutter和Dart插件

  1. Flutter插件:支持Flutter开发工作流 (运行、调试、热重载等).
  2. Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).

3.运行flutter doctor

终端运行flutter doctor,看下配置是否正确。如果出现下图类似的信息,说明你配置成功了。(我这边已经配置好了androidStudio的开发环境)。出现以下截图,说明我们的开发环境已经配置OK了。

➜ ~ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.17.4, on Mac OS X 10.15.5 19F101, locale
zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
[✓] Xcode - develop for iOS and macOS (Xcode 11.5)
[✓] Android Studio (version 3.6)
[✓] Connected device (1 available)

• No issues found! ➜ ~

你可能感兴趣的:(Flutter相关)