搭建 Flutter 开发环境(Mac电脑 M或英特尔系列芯片)

1.Flutter安装配置

1.1 Flutter SDK 下载压缩包列表地址:

https://docs.flutter.dev/release/archive?tab=macos
在这里插入图片描述解压压缩包到对应的目录如:~/Users/hbb002/Documents/flutter

1.2 配置环境变量:

推荐使用 .zshrc文件(.bash_profile文件也可以)
创建.zshrc文件:

touch .zshrc

在.zshrc文件中添加以下配置:

export PUB_HOSTED_URL=https://pub.flutter-io.cn;
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=你的flutter安装包根路径/flutter/bin:$PATH

随后在终端执行:

source ~/.zshrc

终端执行:

flutter doctor

在这里插入图片描述

2.Android Studio 配置与使用

2.1 JDK下载地址:

https://www.oracle.com/java/technologies/downloads/#jdk17-mac
在这里插入图片描述
在这里插入图片描述
Android studio出现:

Unable to find bundled java version

解决方法在访达点击Android sudio -> 显示包内容 -> 进入contents目录,
在目录中新建一个名为jre的文件夹,将jbr文件夹中的内容复制到jre文件夹中。
重新执行flutter doctor,即可解决。

在这里插入图片描述

2.2 SDK Command-line Tools 安装;其他的配置根据自己情况勾选安装;

在这里插入图片描述
在这里插入图片描述

随后在终端执行:

flutter doctor --android-licenses

最后执行flutter doctor -> 查看Adnroid 配置是否完成;
在这里插入图片描述

3.Xcode 配置与使用

根据自己系统的macOS版本在官网下载对应的xcode版本;
示例:
在这里插入图片描述
12.7.5版本对应的只能下载Xcode 13.2.1版本
下载地址:https://developer.apple.com/documentation/xcode-release-notes/xcode-13_2-release-notes
安装完成后在终端执行:flutter doctor ->查看xcode是否配置成功
在这里插入图片描述
接下来就差CocoPods的安装了,步骤如下:
由于安装Cocopods需要依赖 ruby 环境,而安装 ruby 需要借助工具 rvm,rvm是用来管理 ruby 版本的,也就是说你的电脑上可以安装多个不同版本的 ruby 可以使用 rvm 来管理他们。而安装 rvm 又需要借助另外一个工具 Homebrew。(你也可以跳过rvm工具安装,直接官网安装ruby包,随后安装cocopods)

3.1安装Homebrew:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

也可以选择国内镜像源下载:

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

3.2安装rvm

\curl -sSL https://get.rvm.io | bash -s stable

安装完成后执行:source ~/.zshrc
随后查看版本:rvm -v
在这里插入图片描述

3.3安装ruby

列出ruby的所有版本:rvm list known ->安装合适的版本

rvm install ruby-3.2.1

3.4安装CocoPods

终端执行命令:

gem source -l

查看源地址:
在这里插入图片描述

移除源:gem sources --remove https://rubygems.org/
添加国内源:gem sources --add https://gems.ruby-china.com
在这里插入图片描述

执行:sudo gem install -n /usr/local/bin cocoapods
输入系统登陆密码->等待安装;
安装完成执行:flutter doctor ->检查是否安装完成;
在这里插入图片描述

以上全部亮绿即环境配置完成。

4.Git配置与使用

执行命令,生成ssh密钥;

ssh-keygen -t ed25519 -C "your_email@example.com"

随后到访达中到用户目录下,打开显示隐藏文件:win+shift+. 三个键同时按;
在.ssh文件下,找到.pub后缀文件,打开复制密钥,粘贴到git仓库中到SSH Keys管理;
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

5.Fvm(Flutter版本管理工具)

5.1 执行以下命令行安装fvm;

brew tap leoafarias/fvm
brew install leoafarias/fvm/fvm

5.2 更改环境变量:

zshrc.文件更改flutter sdk和dart地址如下:

# flutter sdk
export PATH=${PATH}:~/fvm/default/bin
# dart sdk
export PATH=${PATH}:~/fvm/default/bin/cache/dart-sdk/bin
export PATH=${PATH}:~/.pub-cache/bin

5.3 在终端执行命令,安装指定版本flutter sdk:

fvm install x.xx.x (如:fvm install 3.10.6)

设置全局使用global;

fvm global 3.10.6

随后执行,加载sdk;

flutter doctor

5.4 更改Android studio中的Flutter SDK位置:

选择fvm目录 -> default目录。即为转换成对应版本显示路径;
在这里插入图片描述

5.5 更改Android studio中的Dart SDK位置:

选择fvm目录 -> default目录 -> bin目录 -> cache目录 -> dark-sdk。即为转换成对应版本显示路径;
在这里插入图片描述

5.6 使用指令列表:

查看flutter sdk 安装版本列表:fvm list
卸载flutter sdk 安装版本:fvm remove x.xx.x(如fvm remove 3.10.6)
全局切换flutter sdk版本:fvm global x.xx.x(如fvm global 3.10.6)
局部切换flutter sdk版本:cd至项目目录下 -> 执行fvm use 3.10.6;
  • 15
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一口渔柒

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值