微信公众号

Flutter 安装

1. 下载：Flutter SDK；

   1. 配置环境变量：

      1. 打开终端，打开环境变量配置：open ~/.zshrc；

      2. 如果没有.zshrc，就新建：vim ~/.zshrc；

      3. 配置环境变量：

         export PATH
         export PATH export PATH=/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin 
         export PUB_HOSTED_URL=https://pub.flutter-io.cn # 国内用户需要设置
         export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn # 国内用户需要设置
         export PATH=${PATH}:/flutter的存储地址/flutter/bin:$PATH
         
         # 最后一行举例：
         # export PATH=${PATH}:/Users/xxx/Documents/code/flutter/bin:$PATH
         

      4. 保存并退出编辑：:wq；

      5. 重新保存一下配置：source ~/.zshrc，来刷新一下，让我们的配置立即生效；

      6. 运行一下看是否配置好：flutter doctor；

2. 下载：Android Studio；

   1. Android Studio安装：Flutter插件；打开Android Studio，打开路径：Android Studio->Preferences->Plugins->Marketplace->搜索Flutter，下载Flutter；
   2. 安装：Dart插件；（下载Flutter插件，会让先下载Dart插件）
   3. 重启Android Studio让插件生效；
   4. 配置Flutter SDK路径（前提是要先打开一个Flutter项目，才能在Languages & Frameworks下面看到Flutter和Dart配置入口），就是下载的Flutter SDK的存放路径：打开路径：Android Studio->Preferences->Languages & Frameworks->Flutter->Flutter SDK path，选择下载的Flutter SDK的存放路径；
   5. 配置Dart路径：一般配置好Flutter SDK路径，Dart路径会自动配置，可在路径：Android Studio->Preferences->Languages & Frameworks->Dart->Dart SDK path，查看是否配置成功。

3. 下载：Xcode；

4. 打开Android Studio的命令行，执行：flutter doctor，使用Flutter的语法进行检测；首次执行Flutter命令的时候，会自动下载依赖项并自行编译。如果有问题，按照提示，依次解决。

常见错误

1. iPhone真机运行，报错：无法打开“iproxy”，因为无法验证开发者，这个问题可能是因为权限不够，执行这句命令就可以搞定：

   sudo xattr -d com.apple.quarantine /Users/zions/development/flutter/bin/cache/artifacts/usbmuxd/iproxy
   

2. 执行flutter语法报错：command not found: flutter：应该是环境变量配置有问题，重新走一下上面的配置环境变量的步骤。

3. 在Android Studio的终端执行flutter doctor报错：

   1. 错误一：

      cmdline-tools component is missing
      Run `path/to/sdkmanager --install "cmdline-tools;latest"`
      See https://developer.android.com/studio/command-line for more details.
      

      然后执行：path/to/sdkmanager --install "cmdline-tools;latest"后报错：

      zsh: no such file or directory: path/to/sdkmanager
      

      解决方法：参考错误二；

   2. 错误二：

      Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.`
      See https://flutter.dev/docs/get-started/install/macos#android-setup for more details.
      

      然后执行：flutter doctor --android-licenses后报错：

      Android sdkmanager not found. Update to the latest Android SDK and ensure that the cmdline-tools are installed to resolve this.
      

      解决方法：
      1. 打开SDK Manager -> Appearance & Behavior -> System Setting -> Android SDK -> SDK Tools；
      2. 选中Android SDK Command-line Tools (latest)；
      3. 点击下方Apply；
      4. 进行下载操作；
      5. 下载完成后，点击finish关闭下载页，然后点击Appley应用即可；