Mac搭建flutter环境

118 阅读2分钟

下载flutter压缩包

官网地址

解压缩

将下载的文件解压到你自己的目录

例如  Users/用户名/Library/flutter

配置环境变量

打开文件:

vim $HOME/.bash_profile

添加环境变量并保存

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Users/用户名/Library/flutter/bin:$PATH

检查环境变量是否配置成功,运行以下两行命令

source $HOME/.bash_profile
echo $PATH

环境变量配置完成后运行,运行以下命令查看是否需要安装其它依赖项来完成安装

flutter doctor

一般的错误会是xcode或Android Studio版本太低、或者没有ANDROID_HOME环境变量等,请按照提示解决(文章最后最如何安装Xcode和Android Studio做了说明) 在这里插入图片描述 如下为mac系统的环境变量



export PATH=/Users/用户名/Library/flutter/bin:$PATH
export ANDROID_HOME="/Users/用户名/Library/Android/sdk"
export PATH=${PATH}:${ANDROID_HOME}/tools:$ANDROID_HOME/platform-tools
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

export PATH=$PATH:/Users/用户名/Library/Android/sdk/platform-tools:/Users/用户名/Library/Android/sdk/tools

以上配置的环境变量只有在本终端有效,打开新的终端窗口需要调用source $HOME/.bash_profile来使环境变量生效

环境变量永久生效

vim ~/.zshrc

在开头添加

if [ -f ~/.bash_profile ]; then
   source ~/.bash_profile
fi

使用下面的命令使之立即生效

source ~/.zshrc

原因解释如下: bash的配置文件是.bashrc, zsh的配置文件是.zshrc,当你使用zsh作为默认shell工具的时候,它启动时并不会加载bash的这两个配置文件.bashrc和.bash_profile,而只会 加载自己的配置文件.zshrc,为了让我们的配置文件生效,只能在.zshrc中添加上面的配置。

下载Android studio /Xcode

Xcode安装

安装比较简单,在苹果应用商店下载即可,下载后模拟器也有,而且也不使用xcode做ide,只是需要模拟器运行app而已,所以就不详细介绍了

Android studio安装

官网下载

打开 Android Studio -> Preferences -> Plugin ,安装Flutter插件,Dart插件然后重启AS

安装模拟器 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 安装Android SDK Tools

在这里插入图片描述 再次运行

flutter doctor

在这里插入图片描述 前四个选项都打勾那就是安装全部成功(windows环境下没有xcode那一项)