欢迎点赞评论加收藏

直接进入主题=====》

步骤一:
下载Flutter SDK
官网链接请拿走:
(英文版)https://docs.flutter.dev/development/tools/sdk/releases?tab=macos (中文版)https://flutter.cn/docs/get-started/install/macos

步骤二:
解压保存Flutter

步骤三:
打开终端

  1. cd+空格+Flutter存放路径====》可以找到Flutter文件,把它拖入终端
  2. 点击回车(请不要退出或是关闭终端)

步骤四:
配置环境变量

  • 终端上输入:vim ~/.bash_profile 接着按回车
    接着会进入此界面(如果进不去,可以参考文章尾部报错是否一样)
    然后,点击:i 按键,进入到环境变量编辑模式–INSERT,如图:

    此时,打开备忘录或是其他编辑平台(终端不要关闭或退出),接着滑到终端最开始拉入Flutter路径的那一段,把Flutter路径复制出来。然后,替换下面红色标记这一截(路径替换成自己本地的)

export PATH=/Users/apple/flutter_mac/flutter/bin:$PATH

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

export FLUTTER_STORAGE_BASE_UUL=https://storage.flutter-io.cn

替换好之后,复制这三行东西,回到终端,粘贴进去(如图);

Mac Android Studio 创建flutter 项目 flutter开发macos_mac

粘贴进去之后,鼠标键盘不要乱动!!! 接着按一下esc按键,然后输入冒号和wq

:wq 如下图所示

Mac Android Studio 创建flutter 项目 flutter开发macos_ios_02


接着按回车,回到了这个界面

Mac Android Studio 创建flutter 项目 flutter开发macos_mac_03


到了这里,离胜利就不远了,是不是感觉很简单接续输入:source ~/.bash_profile 按回车

Mac Android Studio 创建flutter 项目 flutter开发macos_flutter_04

输入:flutter doctor

结果可能会报以下错误

Mac Android Studio 创建flutter 项目 flutter开发macos_mac_05


针对cmdline--tools component is missing 错误,看到尾部提示没有:“cmdline--tools; latest

打开Android studio安装这几个即可

Mac Android Studio 创建flutter 项目 flutter开发macos_cocoapods_06

安装完毕之后,再次执行:flutter doctor
接着执行:flutter doctor --android-licenses

然后,再次执行:flutter doctor

针对于Xcode上 Cocoapods not installed这个错误,常规解决办法:
1、先在电脑终端上查看是否已经安装下载有:执行pod --version
2、若无,则执行下载:sudo gem install cocoapods

下载完成后,可执行pod --version查看Cocoapods版本号,最后接着执行:flutter doctor 即可;

此时,之前的报错已修复。最后再次打开Android studio,进入到插件安装位置,选择Flutter 、 Dart进行安装。安装完之后退出Android studio,接着重新打开便会看到有新建Flutter工程选项

Mac Android Studio 创建flutter 项目 flutter开发macos_flutter_07

注意事项

如果在vim ~/.bash_profile 这一步打不开,报这个错误:-bash: export: /bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin': not a valid identifier

可以执行这个指令:

export PATH=/bin:/usr/local/sbin:/usr/local/bin:/sbin:/bin:/usr/sbin:/usr/bin

接着重新输入:vim ~/.bash_profile 即可打开使用

  1. 安装Cocoapods出现异常问题,可以参考一下这个文档里面的相关介绍及异常指南

https://guides.cocoapods.org/using/getting-started.html#installation

分享完了,技术在变迁,若有不足之处,还望包涵~~~~~