(一) Mac 环境下 Flutter | Android Studio 的安装

前言：最近想学习一下flutter 那么就重配环境开始吧

Flutter官网

一、更新HomeBrew

打开终端输入命令：

$ brew update

二、下载`Flutter`的`SDK`

官网 -> Get Started -> Install -> MacOS -> Flutter SDK 在这里插入图片描述

解压：我们可以直接拖拽双击也可以使用命令

$ cd ~/development
$ unzip ~/Downloads/flutter_macos_2.2.3-stable.zip

这里有个小问题要注意下：我们选择解压的文件是否有权限如果没有权限会提示Permission denied
解决方法：

$ sudo chmod -R 777 文件路径

三、配置镜像

官方有一句很温馨提示 Important: If you’re in China, first read Using Flutter in China 配置Flutter的环境变量如果电脑默认 bash，那么配置 ~/.bash_profile 如果电脑默认zsh，那么配置 ~/.zshrc 如果不确定可以先配置~/.bash_profile
1）打开终端输入

$ vim ~/.bash_profile

如果出现了下图，可能是我们打开了两次在这里插入图片描述

[O]pen Read-Only：打开此档案成为只读档
(E)dit anyway：还是用正常的方式打开你要编辑的那个档案
(R)ecover：就是加载暂存盘的内容，用在你要救回之前未储存的工作。
(D)elete it：你确定那个暂存档是无用的！那么开启档案前会先将这个暂存盘删除！
(Q)uit：按下 q 就离开 vim ，不会进行任何动作回到命令提示字符
(A)bort：忽略这个编辑行为
我们按E 或者 D
2）我们可能进入bash_profile，如果当前状态是不可编辑的，按I后出现INSERT，文件进入可编辑状态如图：在这里插入图片描述

3）在文件里面添加

export PATH=你的flutter文件路径/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

4）按esc键退出编辑模式然后英文的:wq回车这样就保存退出啦

5）在终端接着输入

$ source ~/.bash_profile

6）在终端接着输入

$ flutter -h

正确就会如下图：在这里插入图片描述

⚠️报错1：没有权限 Exception: Flutter failed to create a directory at "/Users/maxiaoliao/.config/flutter". The flutter tool cannot access the file or directory. Please ensure that the SDK and/or project is installed in a location that has read/write permissions for the current user.

解决方法

在终端输入

$ sudo chmod 777 .config

⚠️报错2：zsh: command not found: flutter 我们电脑默认的zsh 在这里插入图片描述
解决方法：

$ vim ~/.zshrc

在zsh文件添加source ~/.bash_profile保存

四、检测是否安装成功

$ flutter doctor

在这里插入图片描述

Flutter安装成功

Android Studio安装

官网

一、接受协议并下载

在这里插入图片描述

二、配置环境变量

# Android
export  ANDROID_HOME=~/Library/Android/sdk
export  PATH=${PATH}:${ANDROID_HOME}/emulator
export  PATH=${PATH}:${ANDROID_HOME}/tools
export  PATH=${PATH}:${ANDROID_HOME}/platform-tools