02. Flutter基础视频--搭建Flutter环境

1. 搭建Flutter环境

1.1 进入Flutter安装官网

1. 下载以下安装包以获取Flutter SDK的最新稳定版本： inter芯片安装包flutter_macos_3.3.10-stable.zip ：如果下载很慢可以试试这个

   苹果芯片安装包flutter_macos_arm64_3.3.10-stable.zip

2. 在所需位置提取文件，例如：

$ cd ~/development
$ unzip ~/Downloads/flutter_macos_3.3.10-stable.zip

3. 将flutter工具添加到您的路径中：

$ export PATH="$PATH:`pwd`/flutter/bin"

注: 安装包中有bin程序，一般都是要设置环境变量的

1. 此命令仅为当前终端窗口设置PATH变量。要将Flutter永久添加到您的路径中，请参阅更新您的路径。

您现在可以运行Flutter命令了！

我们选择将安装包放在如此的路径下

配置环境变量 来到你对应的Shell的配置文件进行配置 如果你使用默认的bash那么配置 ～/.bash_profile 如果你使用zsh(MAC新系统默认是zsh) 那么配置 ~/.zshrc

1.2.1 镜像环境配置

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

1.2.2 配置Flutter环境变量 接下来，将Flutter命令行工具的路径配置一下。还是对应Shell的配置文件中

#Flutter配置
$ export FLUTTER=~/flutter
$ export PATH=$FLUTTER/bin:$PATH

配置完成后，重新打开终端或者输入命令载入配置

#bash则使用.bash_profile
$ source ~/.zshrc

那么接下来我们可以看看flutter是否配置完成了。Flutter有一个doctor检测指令。专门用于检测你的Flutter环境的。

$flutter doctor

打勾就是配置好了，叉叉就是还没有配置好的

我们最终要看下图就解决的差不多了

我这边遇到没配置安卓环境配置

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.3.10, on macOS 12.6 21G115 darwin-x64, locale
    en-CN)
[✗] Android toolchain - develop for Android devices
    ✗ Unable to locate Android SDK.
      Install Android Studio from:
      https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK
      components.
      (or visit https://flutter.dev/docs/get-started/install/macos#android-setup
      for detailed instructions).
      If the Android SDK has been installed to a custom location, please use
      `flutter config --android-sdk` to update to that location.

[✓] Xcode - develop for iOS and macOS (Xcode 14.2)
[✓] Chrome - develop for the web
[!] Android Studio (not installed)
[✓] VS Code (version 1.72.2)
[✓] Connected device (2 available)
[✓] HTTP Host Availability

! Doctor found issues in 2 categories.

我们打开安卓环境配置developer.android.com/studio/inde… 这个很难打开，你懂的...

02 配置安卓环境

2.1 安装Android Studio

我们先安装Android Studio可以去国内官网下载 或者这里

2.2 配置SDK 根据安装向导，我们需要安装Android SDK, Android SDK Command-line, and Android SDK Build-Tools，安装过程无需翻墙

打开Android Studio,然后我们可以进入偏好设置CMD+，如下安装

2.3 安装Android Studio的插件

• 来到Studio的偏好设置里面
• 安装完成后重启Android Studio。可以看到有这样的界面 然后选择flutter安装包的路径 2.4 解决JDK的问题

cd /Applications/Android\ Studio.app/Contents/jre
ln -s ../jie jdk
ln -s "Library/Internet Plug-Ins/JavaAppletPlugin.plugin" jdk
flutter doctor -v

解决许可证的问题

• 打开iterm（终端）输入下列命令 然后一顿y

$ flutter doctor --android-licenses

其实你执行flutter doctor报错的话会提示的如

2.6 配置安卓的模拟器

我发现安卓自带的模拟器不好用。原因主要是因为...太丑了。选择了一款国内的"夜神"模拟器，其实类似的安卓模拟器有很多，选择它主要是因为他有Mac版本

没有那么多的麻烦事，安装就能用。安装好了启动!你会看到Studio上面有显示了。

2.7解决Gradle卡主问题 那么在首次运行的时候，你会发现卡在这不动了。原因是Gradle的Maven仓库在国外....然后你就懂了

Running Gradle task ‘assembleDebug’...

解决它比较简单的操作就是镜像。配置如下: **2.7.2 修改项目下的build.gradle文件

• 文件路径： 项目-->Android-->build.gradle文件
• 修改内容: 找到buildscript和allprojects将里面的：

goole()
jcenter()

修改为阿里云镜像

maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'https://maven.aliyun.com/nexus/content/groups/pubilc' }

**2.7.2 修改Flutter安装目录中flutter.gradle文件

• 文件路径： flutter/pa

2.7.3 创建flutter工程

flutter create flutter_demo   /// 创建一个flutter项目
flutter create -i objc flutter_demo /// 创建一个flutter项目OC 语言

flutter run   ///运行项目
open -a Simulator  /// 打开苹果模拟器

Dart SDK安装

1、直接打开终端 依次执行：

$ brew tap dart-lang/dart
$ brew install dart

2、查看相关信息：

$ brew info dart