mac 搭建 Flutter 开发环境

最近由于业务需要,开始进行 Flutter 的研究,由于 Flutter 的环境搭建在官网上有些细节不是很清楚,笔者重新整理输出

1、配置镜像

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

  • vim ~/.bash_profile
  • 输入i进入编辑模式,复制粘贴添加下面的环境变量
# flutter 镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  • 按 esc 进入命令模式,输入 :wq 退出保存
  • 执行 source ~/.bash_profile 使配置生效

2、下载 Flutter SDK

下载稳定的 1.22.6版本到本地:Flutter SDK 1.22.6

3、配置 Flutter SDK 环境

  • 下载完之后解压,然后将 flutter sdk 放入 /Library 目录
  • 在环境变量中添加path,方便访问 flutter sdk(具体步骤和第1步类似)
# 链接 flutter sdk
export PATH="$PATH:/Library/flutter/bin"
  • 配置完成之后执行下面命令,就会自动检查并配置 flutter 环境
flutter doctor
  • 根据执行结果,自行将环境完善即可
flutter doctor

4、创建一个 Flutter 项目并运行

终端

最简单的方法是终端直接输入下面的命令即可快速创建一个 flutter 应用并运行起来

flutter create myapp
cd myapp
flutter run

Android Studio

VSCode

  • 安装插件
add plugin
  • 创建项目

cmd+shift+p 打开命令面板,输入 Flutter,选择 Flutter: New Application Project 即可创建一个 flutter 应用

  • 运行项目

使用 VSCode 打开项目,cmd+shift+p 打开命令面板,输入 Flutter选择 Flutter: Run Flutter Docktor 将应用运行起来

PS:本教程参考 https://flutter.cn/docs/get-started/install/macos 进行简化和补充

本文为原创,转载请注明出处

推荐阅读更多精彩内容