Loading [MathJax]/jax/input/TeX/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Flutter在Mac上搭建IOS开发环境

Flutter在Mac上搭建IOS开发环境

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

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 删除。

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Flutter入门第一讲:环境搭建(mac os为例)
《Flutter零基础入门》,从无到有构建Android、iOS双平台APP,更新中…
毛大姑娘
2020/09/10
1.7K0
Flutter入门第一讲:环境搭建(mac os为例)
Mac版最详细的Flutter开发环境搭建
cd ~/development unzip ~/Downloads/flutter_macos_v1.5.4-hotfix.2-stable.zip
李文杨
2019/06/19
4.2K0
Flutter Mac环境搭建
编辑完成后,按“Esc”,再按“:wq”,保存这个文件 退出编辑模式后别忘了在命令行输入
赵哥窟
2019/09/19
8760
Flutter Mac环境搭建
两分钟带你快速搭建Flutter开发环境(Mac)
在这篇文章中,将带着大家一起在Mac平台上快速搭建Flutter的开发环境,同时会将搭建Flutter开发环境中的一些技巧和经验分享给大家。
CrazyCodeBoy
2019/12/10
6.1K0
两分钟带你快速搭建Flutter开发环境(Mac)
Flutter 环境准备篇
Windows 下,设置临时环境变量,不推荐!!!,建议将之配置到系统环境变量中。
arcticfox
2020/06/11
1.1K0
Flutter(一)--Flutter安装遇到的问题汇总Flutter(一)--Flutter安装遇到的问题汇总
问题:-bash: fultter: command not found 解决:
用户8893176
2021/08/09
9200
Mac端Flutter的环境配置看这一篇就够了
最近Flutter已经疯狂的刷屏了各个技术博客、技术网站,完全有一统天下的气势。所以最近也决定开始尝尝鲜,从零开始一步步的来探索Flutter的世界。就从环境搭建开始,记录一下自己探索Flutter的过程。
iOSSir
2019/06/17
1.1K0
配置Flutter环境ForMa
关于Flutter的介绍我这里就不多说(看官网),如果你已经了解过了,那么这篇文章正好针对iOS开发者,开启Flutter之旅。
iOSSir
2019/06/19
1.1K0
吐血教程:搭建Flutter开发环境
Flutter开发环境的搭建比较烦琐,任何一个步骤失败都会导致最终环境搭建不能完成。Flutter支持三种环境:Windows、MacOS和Linux。这里我们主要讲解Windows及MacOS的环境搭建。
前端迷
2019/12/19
6.3K0
零基础三分钟写一个Flutter App
这个教程是面向完全没有接触过Flutter开发,从0开始搭建Flutter开发环境到写第一个Flutter app的。 正常情况只需要半个小时就可以看到app。
PhoenixZheng
2018/08/07
1.3K0
配置Flutter环境ForMac
Flutter的配置其实有一些坑。尤其针对iOS开发者不太熟悉Android的开发环境,万事开头难。个人选择使用Android Studio 作为开发Flutter的工具,考虑到Google的兼容性。
iOSSir
2019/06/11
7340
逻辑-Flutter专栏- 你环境配置好了?
这个篇章我们一起快速搭建 Flutter 的开发环境,同时会将搭建Flutter 开发环境中的一些技巧和经验分享给大家。
CC老师
2021/01/06
7490
逻辑-Flutter专栏- 你环境配置好了?
Flutter环境搭建
这几年,移动跨平台的趋势可以说是越来越明显,技术实现上也是百花争艳,不过究其实现,无外乎有那么几种。 Web 流:也被称为 Hybrid 技术,它基于 Web 相关技术来实现界面及功能。 代码转换流:将某个语言转成 Objective-C、Java 或 C#,然后使用不同平台下的官方工具来开发。 编译流:将某个语言编译为二进制文件,生成动态库或打包成 apk/ipa/xap 文件。 虚拟机流:通过将某个语言的虚拟机移植到不同平台上来运行。 这方面具体的介绍可以查看我之前文章的介绍:移动跨平台开发方案总结。相
xiangzhihong
2018/04/02
1.7K0
Flutter环境搭建
Flutter macOS环境配置
由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:
yechaoa
2022/06/10
9360
Flutter macOS环境配置
详解flutter环境配置及开发第一个flutter项目
有上述问题:需要安装Android Studio 和IOS需要安装的一些依赖,根据官网完成两个平台设置步骤中的至少一个,就能够构建并运行您的第一个Flutter应用程序,作为IOS开发,只要安装IOS上的依赖
honey缘木鱼
2019/01/03
8790
Flutter开发环境搭建
Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。flutter发布的最新版已经支持pc端了。
若与
2019/05/15
1.1K0
Flutter开发环境搭建
浅谈跨平台框架 Flutter 的搭建与运行
Flutter是Google推出的跨平台的解决方案,用以帮助开发者在 Android 和 iOS 两个平台开发高质量原生应用的全新移动 UI 框架。 之前我们为大家介绍了《跨平台框架Flutter的优势与结构》,概括了Flutter选择Dart语言的必要性及其自底而上的框架结构,大家可以点击标题链接来回顾前文。在本文中,我们将带大家进一步了解Flutter的搭建与运行。
个推
2019/05/23
3.9K0
浅谈跨平台框架 Flutter 的搭建与运行
自动化-Appium-环境搭建-IOS(Java版)
Xcode如何下载安装或更新呢?打开Mac机上的App Store,搜索Xcode,进行安装或者更新,注意观察下Xcode的更新日志,可以看到当前版本支持的IOS SDK版本。
wangmcn
2022/07/25
5.8K0
自动化-Appium-环境搭建-IOS(Java版)
跨平台移动开发 Flutter 初体验安装flutter安装VSCode新建Flutter工程Tips
打开 Terminal 先cd到你需要安装的目录下, 我这里直接在 ~ 个人目录下
gwk_iOS
2018/08/23
1.5K0
跨平台移动开发 Flutter 初体验安装flutter安装VSCode新建Flutter工程Tips
Flutter基础-环境搭建及demo运行
Flutter是一款谷歌的用以同时在 iOS 和 Android 上制作高质量原生界面的移动应用UI框架.目前谷歌是已发布了 Flutter Beta 版,同时也提供了多个 Sample Project 供学习. Flutter 主要有着快速开发、有表现力及灵活的UI、原生表现等特点.
猿哥
2019/03/13
3.3K0
推荐阅读
相关推荐
Flutter入门第一讲:环境搭建(mac os为例)
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档