Flutter 下载安装，环境配置，以及简单使用 | mac 苹果电脑 | Android 开发_flutter下载

第一步：下载flutter

地址：https://docs.flutter.dev/get-started/install
点击地址链接，进入页面后，点击macOS即可下载（其他版本一样），下载完成后，解压即可

下载后解压的文件

文件目录

第二步：配置环境

1. 配置添加目录和镜像

1. 执行打开.bash_profile文件的命令:
   open -e .bash_profile
   如果你看到 .bash_profile does not exist.，说明你没有改文件，需要创建（如果有，忽略1中接下来的步骤）
   执行 touch .bash_profile
   创建 bash_profile文件
   open -e .bash_profile
   打开配置文件bash_profile

2.打开.bash_profile文件后，添加以下语句
#flutter
export PUB_HOSTED_URL=https://pub.flutter-io.cn;
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Users/xingheng/Documents/DevelopEnvironment/flutter/bin:$PATH

3.保存关闭.bash_profile文件之后,需要执行以下命令,更新环境变量:
source ~/.bash_profile

我的配置图

2. 在命令端运行以下代码，查看是否添加成功

flutter doctor
1

在这里，通常会有两个error：

• 第一个Android
• 第二个Xcode

其实这两个报错对应的就是一个是Android studio配置，一个对应Xcode（ios编程）配置

而我们最常用Android Studio，我们这里就以Android Studio为例：
（Android的Studio的配置可以参考我的这篇文章：）

第一步：需要安装两个插件:

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

要安装这些:

• 启动Android Studio
• 打开插件首选项 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux)
• 选择 Browse repositories…, 选择 Flutter 插件并点击 install（安装了flutter就自动安装了Dart）
• 重启Android Studio后插件生效

第二步：配置sdk
在setting中，搜索sdk，点击出现的Android SDK，然后按图所示，选择下载

第三步：在命令端执行以下代码

flutter doctor --android-licenses
1

如果有y/N，则一直输入y即可

出现图上情况，则说明配置成功

第四步：再次flutter doctor，产看Android部分是否报错

到此为止，Android Studio使用flutter的配置就完成了，大家如果只使用Android开发，那么到此，配置就可以结束了，可以忽略xcode的报错，如果大家还想ios编程，那么，可以参考下面这篇帖子