0
0

Mac系统下Flutter安装教程

一、下载Flutter

1、第一种方式git repo方式:

执行下列命令下载最新的flutter代码（系统请先安装Git）

git clone -b beta https://github.com/flutter/flutter.git

2、第二种方式Flutter官网下载：

https://docs.flutter.dev/development/tools/sdk/releases?tab=macos

二、安装：android Studio

下载地址：https://developer.android.google.cn/studio

三、安装Xcode，直接前往App Store下载安装即可。

四、安装flutter，环境配置，依赖项检查

1、永久的将flutter添加到path中：

1.1、在用户文件夹下找到.bash_profile文件，如果没有就创建一个（如果有 1.1.1此步骤忽略）;

  1.  1.1.1、.bash_profile文件创建方法如下：
  3.    （1）终端执行：touch .bash_profile
  5.    （2）打开文件：open .bash_profile
  7.    （3）更新配置，文件才能生效：source .bash_profile

1.2、将下面三个export拷贝到.bash_profile文件中：

  1.     **export** PUB_HOSTED_URL=https://pub.flutter-io.cn
  3.     **export** FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  5.     **export** PATH=/Users/chengxinsong/Desktop/Tool/flutter/bin:$PATH
  7.     // 备注：chengxinsong是你电脑的名称（记得替换）；/Users/chengxinsong/Desktop/Tool/是Flutter的安装路径

1.3、添加保存后，执行下列命令刷新终端：

  1.     source $HOME/.bash_profile

1.4、如果你的系统使用的是zsh（即终端最顶部显示的-zsh），却用了.bash_profile文件，终端启动时.bash_profile文件 将不会被加载，

  1.   解决办法就是修改 .zshrc文件(终端打开方式：open ~/.zshrc) ，在其中添加：source ~/.bash_profile

1.5、运行下列命令检查flutter是否已经安装成功：

  1.     flutter -v

1.6、检查flutter的依赖项命令

  1.     flutter doctor

1.7、前边所有步骤均没问题话，运行flutter doctor后会出现如下输出：

  1. ╔════════════════════════════════════════════════════════════════════════════╗
  2. ║                 Welcome to Flutter! - https://flutter.dev                  ║
  3. ║                                                                            ║
  4. ║ The Flutter tool uses Google Analytics to anonymously report feature usage ║
  5. ║ statistics and basic crash reports. This data is used to help improve      ║
  6. ║ Flutter tools over time.                                                   ║
  7. ║                                                                            ║
  8. ║ Flutter tool analytics are not sent on the very first run. To disable      ║
  9. ║ reporting, type 'flutter config --no-analytics'. To display the current    ║
  10. ║ setting, type 'flutter config'. If you opt out of analytics, an opt-out    ║
  11. ║ event will be sent, and then no further information will be sent by the    ║
  12. ║ Flutter tool.                                                              ║
  13. ║                                                                            ║
  14. ║ By downloading the Flutter SDK, you agree to the Google Terms of Service.  ║
  15. ║ Note: The Google Privacy Policy describes how data is handled in this      ║
  16. ║ service.                                                                   ║
  17. ║                                                                            ║
  18. ║ Moreover, Flutter includes the Dart SDK, which may send usage metrics and  ║
  19. ║ crash reports to Google.                                                   ║
  20. ║                                                                            ║
  21. ║ Read about data we send with crash reports:                                ║
  22. ║ https://flutter.dev/docs/reference/crash-reporting                         ║
  23. ║                                                                            ║
  24. ║ See Google's privacy policy:                                               ║
  25. ║ https://policies.google.com/privacy                                        ║
  26. ╚════════════════════════════════════════════════════════════════════════════╝
  27. Flutter assets will be downloaded from https://storage.flutter-io.cn. Make sure
  28. you trust this source!
  29. Running "flutter pub get" in flutter_tools...                       8.9s
  30. Doctor summary (to see all details, run flutter doctor -v):
  31. [✓] Flutter (Channel stable, 3.3.8, on macOS 12.2.1 21D62 darwin-x64, locale
  32.     zh-Hans-CN)
  33. [✗] Android toolchain - develop for Android devices
  34.     ✗ Unable to locate Android SDK.
  35.       Install Android Studio from:
  36.       https://developer.android.com/studio/index.html
  37.       On first launch it will assist you in installing the Android SDK
  38.       components.
  39.       (or visit https://flutter.dev/docs/get-started/install/macos#android-setup
  40.       for detailed instructions).
  41.       If the Android SDK has been installed to a custom location, please use
  42.       `flutter config --android-sdk` to update to that location.
  44. [✓] Xcode - develop for iOS and macOS (Xcode 13.3)
  45. [✓] Chrome - develop for the web
  46. [!] Android Studio (not installed)
  47. [✓] Connected device (3 available)
  48.     ! Error: lwy is busy: Fetching debug symbols for lwy. Xcode will continue
  49.       when lwy is finished. (code -10)
  50. [✓] HTTP Host Availability
  51. ! Doctor found issues in 2 categories.
  53.

1.7.1、如果出现：Flutter 环境配置提示 cmdline-tools component is missing

  1.     解决办法：启动 android studio工具
  3.             -> 在一开始打开的右下角找到Configure
  5.             -> 进入SDK Manager
  7.             -> 取消右下角的 Hide Obselete Packages的勾选
  9.             -> 选择SDK Tools,在这里把缺少的tool勾选上一并安装上

1.7.2、如果出现：Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses

  1.    解决办法：终端直接输入 flutter doctor --android-licenses

1.7.3、如果以上均没有问题后，则只需根据终端的提示输入 y 即可

1.7.4、以上步骤都走完后：检测Flutter的安装情况：flutter doctor

1.7.5、如果以上均没有问题会有如下输出：

mr.lv@MrlvdeMacBook-Pro ~ % flutter doctor

Doctor summary (to see all details, run flutter doctor -v):

[✓] Flutter (Channel stable, 3.3.8, on macOS 12.2.1 21D62 darwin-x64, locale zh-Hans-CN)

[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)

[✓] Xcode - develop for iOS and macOS (Xcode 13.3)

[✓] Chrome - develop for the web

[✓] Android Studio (version 4.1)

[✓] Connected device (3 available)

[✓] HTTP Host Availability

• No issues found!

2、如果习惯使用VSCode开发Flutter的话，需要再安装VSCode工具

下载地址：https://code.visualstudio.com/ 【此安装包会自动弹出汉化安装】

  1.       或者：https://code.visualstudio.com/download
  3. 2.1、Dart官网：https://dart.dev/
  5. 2.2、Dart环境官方文档：https://dart.dev/get-dart
  7. 2.3、安装 Homebrew 检测是否安装brew，执行命令 brew -v，
  9.     如果安装了，就执行 2.4,
  11.     如果没安装先安装：https://brew.sh
  13.     即：将 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
  15.     复制到终端执行。
  17. 2.4、Dart SDK 安装: 打开终端 依次执行:
  19.         brew tap dart-lang/dart
  21.         brew install dart
  23.         brew info dart
  25.         输出：==> Caveats
  27.                  Please note the path to the Dart SDK:
  29.                  /usr/local/opt/dart/libexec
  31. 备注：dart sdk安装亦可参照此文：https://www.cnblogs.com/strengthen/p/16305014.html
  33. 2.5、在VSCode安装 Dart 插件（dart语言提示）
  35. 2.6、安装 code runner 插件（可以运行我们的文件）
  37. 2.7、安装 Code Spell Checker 插件（拼写检查）
  39. 2.7、检测 Dart插件情况：
  41.      在终端上输入 dart --version 命令来检测dart是否安装成功，如果出现如下内容则安装成功：
  43.      输出：Dart SDK version: 2.18.4 (stable) (Tue Nov 1 15:15:07 2022 +0000) on "macos_x64"
  45.             则代表安装成功。
  47. 到此，就可以用Dart语言正常进行开发了！
标签： flutter android xcode
本文转载自: https://blog.csdn.net/it_lanmei/article/details/127989893
版权归原作者 吕-先生 所有， 如有侵权，请联系我们删除。
登录后发布评论

“Mac系统下Flutter安装教程”的评论:

还没有评论
关于作者
...
overfit同步小助手
文章同步
相关阅读

网络安全法-网络运行安全

使用selenium/drissionpage时如何阻止chrome自动跳转http到https

docker desktop 里部署的Open WebUI 管理员密码忘记了的处理方法

在ubuntu20.04中搭建onsite比赛运行环境

利用开源的低代码表单设计器FcDesigner高效管理和渲染复杂表单结构

Kafka学习笔记

【前端】浏览器输入url到页面呈现发生了什么？

文章导航
没有找到文章内容分段。。。