macOS下搭建Flutter开发环境

环境资源

• 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
复制代码

4. 运行 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 即可。

4. 验证 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…

转载于:https://juejin.im/post/5c4acaac6fb9a049f7469074