macOS下搭建Flutter开发环境

535 阅读1分钟

环境资源

  • VSCode
  • Flutter SDK
  • XCode
  • Simulator

搭建 Flutter 开发流程

  • 添加环境变量
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  • 获取 Flutter SDK
  1. 去flutter官网下载其最新可用的安装包,官网地址:flutter.io/sdk-archive…
  2. 解压到你要安装的目录
  3. 给当前命令行窗口设置 flutter 环境变量
export PATH=`pwd`/flutter/bin:$PATH
  1. 运行 flutter doctor,安装依赖
  • 更新环境变量

当前配置的环境下,打开新的终端,运行 flutter 命令,报404

要想在任何终端运行 Flutter 命令,将 flutter 添加到 path 中

  1. 确定 flutter sdk 的目录 如:/www/self/flutter
  2. 打开 $HOME/.bash_profile 文件,添加:export PATH=/www/self/flutter/flutter/bin:$PATH
  3. 运行 source $HOME/.bash_profile

注意,如果使用终端是 zsh,终端启动时不会加载.bash_profile文件,则需要在$HOME/.zshrc中添加source ~/.bash_profile 即可。

  1. 验证 flutter/bin是否在path中echo $PATH

此时再运行 flutter命令

  • 安装 XCode,可以在iOS设备或模拟器上运行Flutter应用程序,此处不赘述安装过程。

  • IDE(VSCode) 配置 flutter 插件

  1. 启动 VSCode
  2. 视图(View) > 命令面板(Command Palette)
  3. 输入 flutter, 然后选择 Flutter: New Project
  4. 输入 Project 名称 (如:dev_flutter), 回车
  5. 指定应用目录,创建应用
  • 连接 iOS 模拟器 在 iOS 模拟器上测试 flutter 应用,步骤:
  1. 运行 open -a Simulator 打开 iOS 模拟器
  2. 运行 flutter run 启动 flutter 应用程序

搭建过程主要参考book.flutterchina.club/chapter1/in…