likes
comments
collection
share

Flutter学习-01-在Mac上环境搭建

作者站长头像
站长
· 阅读数 50

1. Flutter安装

Flutter学习-01-在Mac上环境搭建 点击后选择install 我们选择macOS环境下

Flutter学习-01-在Mac上环境搭建 这里我们选择稳定版本进行下载

  • 1.1 解压并安装Flutter SDK

Flutter学习-01-在Mac上环境搭建

Flutter学习-01-在Mac上环境搭建 如果您在中国安装或使用Flutter,使用托管Flutter依赖项的值得信赖的本地镜像网站可能会有所帮助。要指示Flutter工具使用备用存储位置,您需要在运行flutter命令之前设置两个环境变量PUB_HOSTED_URLFLUTTER_STORAGE_BASE_URL

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

新版的Mac电脑终端都是使用的zsh,其配置文件路径为~/.zshrc;

老版本Mac电脑终端使用的是bash,其配置文件路径为~/.bash_profile;

Flutter学习-01-在Mac上环境搭建 跟新新系统后默认的是zsh,这样的话我们会有两份配置文件,那么我们只需要在zshrc文件最后添加如下指令,就可以直接将bash_profile文件中所有的环境变量引入zshrc

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

我们配置

export PUB_HOSTED_URL=https://pub.flutter-io.cn #国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn #国内用户需要设置
export PATH=/Users/*****/****/flutter/bin:$PATH

配置完成之后,重新打开终端,或者直接在终端中输入指令重新载入配置:

# zsh 指令
source ~/.zshrc

# bash 指令
source ~/.bash_profile

2.android studio 安装

我们知道flutter是跨平台开发,需要用到Xcode和android, android studio 下载Mac端下载地址其中 Flutter学习-01-在Mac上环境搭建 我们根据向导安装即可,之后需要安装几个sdk

Flutter学习-01-在Mac上环境搭建 安装 Android SDK Command-line Tools

  • 安装插件 我们需要安装两个插件Flutterdart,安装后重启即可创建flutter项目

Flutter学习-01-在Mac上环境搭建

3. 验证

终端输入flutter doctor:

Flutter学习-01-在Mac上环境搭建 基本上没啥问题 一些警告可以不用管 我们创建一个flutter项目运行一下试下

Flutter学习-01-在Mac上环境搭建 创建一个默认flutter项目,使用Xcode运行,第一次时间比较久。

Flutter学习-01-在Mac上环境搭建

转载自:https://juejin.cn/post/7020305071456354311
评论
请登录