在 macOS 上搭建 Flutter 开发环境

flutter官网下载:

若上述链接无法访问,可通过GitHub下载

https://github.com/flutter/flutter/releases

将下载的 flutter sdk 解压到一个地方(这里解压完成后的目录地址之后要用到),例如我直接放置在当前用户的目录下

在 macOS 上搭建 Flutter 开发环境

配置 Flutter 环境变量及镜像

打开终端工具,使用 vim 进行环境配置,输入如下命令

vim ~/.bash_profile

在打开的文件中添加如下路径

export PATH=http://www.likecs.com/Users/用户名/flutter/bin:$PATH // PATH=http://www.likecs.com/Users/用户名/... 这里是指上面你解压的sdk的位置信息 // 我这里的位置信息是:export PATH=http://www.likecs.com/Users/y***i/flutter/bin:$PATH

由于在国内访问Flutter可能会受到限制,Flutter官方为中国开发搭建了临时镜像,将如下环境变量加入到用户环境变量中:

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

至此,环境变量及镜像都配置好了,再执行如下命令让它生效

source ~/.bash_profile

使用如下命令检查一下是否安装成功了

flutter -h

出现如下可用的 flutter 命令提示后就是安装成功了

Common commands: flutter create <output directory> Create a new Flutter project in the specified directory. flutter run [options] Run your Flutter application on an attached device or in an emulator. Usage: flutter <command> [arguments] Global options: -h, --help Print this usage information. -v, --verbose Noisy logging, including all shell commands executed. If used with --help, shows hidden options. -d, --device-id Target device id or name (prefixes allowed). --version Reports the version of this tool. --suppress-analytics Suppress analytics reporting when this command runs. --packages Path to your ".packages" file. (required, since the current directory does not contain a ".packages" file) 检查开发环境

在上面的步骤中,我们成功的安装了 Flutter ,但还不具备开发环境。在开发中还需要很多软件和插件的支持,我们需要通过如下命令来查看到底还需要哪些软件和插件

flutter doctor

会显示如下信息:

在 macOS 上搭建 Flutter 开发环境

这里显示 ❌ 的就是必须要安装的,带❗️的则不是必须的。

首先,让我们来解决 Android SDK 的问题,这里直接下载安装 Android Studio

安装完成后,打开 Android Studio ,点击右下角的 Configure --> Plugins --> 下载 Dart 和 Flutter

再运行 flutter doctor 查看(这里有个问题是我已经安装了Dart和Flutter插件,却提示我没有安装,具体解决办法可见:https://www.jianshu.com/p/d9ca9624006a

在 macOS 上搭建 Flutter 开发环境

然后解决Android toolchain下面的问题,只要执行flutter doctor --android-licenses命令,一直输入 y 同意即可,这时候关于Android Studio及Android SDK的问题就解决了。

在 macOS 上搭建 Flutter 开发环境

可以看到,我们还需要解决XCode的安装问题

参考

MAC安装Flutter

Flutter中文网 - 入门: 在macOS搭建Flutter开发环境

b站视频 - Dart Flutter教程

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpsxwz.html