首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Flutter在Mac上搭建IOS开发环境

Flutter在Mac上搭建IOS开发环境

作者头像
越陌度阡
发布2020-12-16 15:35:19
发布2020-12-16 15:35:19
2K0
举报

1. 准备工作

1. 升级 Macos 系统为最新系统;

2. 安装最新的 Xcode;

3. 电脑上面需要安装 brew,地址 https://brew.sh/

在命令窗口执行以下代码完成安装:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

2. 配置Flutter

1. 下载 Flutter SDK;

https://flutter.dev/docs/development/tools/sdk/releases?tab=macos

2. 把下载好的SDK解压到应用程序下,/Applications/flutter;

3. 配置Flutter环境变量;

把 Flutter 安装目录的 bin 目录配置到环境变量, 然后把 Flutter 国内镜像也配置到环境变量里面。

(1). 打开文件;

open ~/.bash_profile

(2). 添加环境变量;

export PATH=/Applications/flutter/bin:$PATH

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

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

(3). 重新加载一下;

source ~/.bash_profile

4. 检测是否配置成功;

在命令行执行 flutter -h;

如果能出来一些命令说明 Flutter SDK 配置成功,如果提示 Flutter 不是内置命令之类的错误的话则没有配置成功。

3. 检查环境

运行 flutter doctor 命令。

第一次运行该命令会提示下面的错误。

根据提示,需要安装所需的依赖包,根据上面的提示,分别执行以下命令。

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer

brew update

brew install --HEAD usbmuxd

brew link usbmuxd

brew install --HEAD libimobiledevice

brew install ideviceinstaller

brew install ios-deploy

brew install cocoapods

pod setup

执行完成上面命令后然后重新执行flutter doctor,如果出现下面红框里的提示,表明安装成功。

4. 在 Vscode 中配置 开发 Flutter 项目

1. 安装 Flutter 插件

2. 安装 Dart 插件

3. 生成项目

shift + command + p,打开命令面板,选择 Flutter:New Project

4. 运行 Flutter 项目

在命令行输入flutter run

r 键: 点击后重新加载; p 键: 显示网格; o 键: 切换 android 和 ios 的预览模式; q 键: 退出调试预览模式;

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020/12/13 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. 准备工作
  • 2. 配置Flutter
  • 3. 检查环境
  • 4. 在 Vscode 中配置 开发 Flutter 项目
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档