iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >MacBook M1 Flutter环境搭建的实现步骤
  • 814
分享到

MacBook M1 Flutter环境搭建的实现步骤

2024-04-02 19:04:59 814人浏览 安东尼
摘要

目录一、基础环境搭建 git:Flutter SDK:CocoaPods:二、安装IDEidea:Xcode:AndroidStudio:三、跑一个app试试最近入手了Ap

最近入手了Apple M1,MacBook air,由于之前未使用苹果系列产品,并且Flutter官方和各项配套的软件环境也还没有成熟,导致搭建环境时碰到了不少坑,这里总结记录一波,来看文档的同学,有不懂的地方直接发评论或者消息就好

一、基础环境搭建

 git:

我是装完homebrew,git就装好了,homebrew的安装方法按照这个来的:


/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

但是后面发现这个安装方法会有一些问题,不过不影响我们使用Flutter,不放心的同学可以去找其他方法安装git 

Flutter SDK:

国内的网络环境下,先配置两个环境变量,最好是~/.zshrc和~/.bash_profile两个文件都配上,配完source一下


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

下载安装直接按照官方文档来:https://flutter.cn/docs/get-started/install/macos

执行命令 flutter precache 或者 flutter doctor时会报错,因为没有在命令行执行安装rosetta的命令,详细的错误信息可以去下面的GitHub地址查看

还少了一步操作,我第一天的晚上就卡在这儿了,最后去github提了issue,得到了一位老哥的提点

https://github.com/flutter/flutter/issues/74511#issue-792217747

终端执行命令


/usr/sbin/softwareupdate --install-rosetta --agree-to-license

随后再执行flutter命令正常,继续按着官方的安装文档走,环境变量一定要配,不然以后在终端无法直接使用flutter命令

CocoaPods:

Flutter官方文档给出的安装方式是命令行运行命令


sudo gem install cocoapods

但是这样后期跑带插件iOS应用,需要用到Cocoapods时就会报错


### Error
 
LoadError - dlsym(0x7ff8aa0382f0, Init_ffi_c): symbol not found - /Library/Ruby/Gems/2.6.0/gems/ffi-1.13.1/lib/ffi_c.bundle
/System/Library/Frameworks/Ruby.framework/Versions/2.6/usr/lib/ruby/2.6.0/rubygems/core_ext/kernel_require.rb:54:in `require'
/System/Library/Frameworks/Ruby.framework/Versions/2.6/usr/lib/ruby/2.6.0/rubygems/core_ext/kernel_require.rb:54:in `require'
/Library/Ruby/Gems/2.6.0/gems/ffi-1.13.1/lib/ffi.rb:6:in `rescue in <top (required)>'
/Library/Ruby/Gems/2.6.0/gems/ffi-1.13.1/lib/ffi.rb:3:in `<top (required)>'
/System/Library/Frameworks/Ruby.framework/Versions/2.6/usr/lib/ruby/2.6.0/rubygems/core_ext/kernel_require.rb:54:in `require'
/System/Library/Frameworks/Ruby.framework/Versions/2.6/usr/lib/ruby/2.6.0/rubygems/core_ext/kernel_require.rb:54:in `require'
/Library/Ruby/Gems/2.6.0/gems/ethon-0.12.0/lib/ethon.rb:2:in `<top (required)>'
/System/Library/Frameworks/Ruby.framework/Versions/2.6/usr/lib/ruby/2.6.0/rubygems/core_ext/kernel_require.rb:54:in `require'
/System/Library/Frameworks/Ruby.framework/Versions/2.6/usr/lib/ruby/2.6.0/rubygems/core_ext/kernel_require.rb:54:in `require'
/Library/Ruby/Gems/2.6.0/gems/typhoeus-1.4.0/lib/typhoeus.rb:2:in `<top (required)>'
/System/Library/Frameworks/Ruby.framework/Versions/2.6/usr/lib/ruby/2.6.0/rubygems/core_ext/kernel_require.rb:54:in `require'
/System/Library/Frameworks/Ruby.framework/Versions/2.6/usr/lib/ruby/2.6.0/rubygems/core_ext/kernel_require.rb:54:in `require'
/Library/Ruby/Gems/2.6.0/gems/cocoapods-1.10.0/lib/cocoapods/sources_manager.rb:74:in `cdn_url?'
/Library/Ruby/Gems/2.6.0/gems/cocoapods-1.10.0/lib/cocoapods/sources_manager.rb:36:in `create_source_with_url'
/Library/Ruby/Gems/2.6.0/gems/cocoapods-1.10.0/lib/cocoapods/sources_manager.rb:21:in `find_or_create_source_with_url'
/Library/Ruby/Gems/2.6.0/gems/cocoapods-1.10.0/lib/cocoapods/installer/analyzer.rb:178:in `block in sources'
/Library/Ruby/Gems/2.6.0/gems/cocoapods-1.10.0/lib/cocoapods/installer/analyzer.rb:177:in `map'
/Library/Ruby/Gems/2.6.0/gems/cocoapods-1.10.0/lib/cocoapods/installer/analyzer.rb:177:in `sources'
/Library/Ruby/Gems/2.6.0/gems/cocoapods-1.10.0/lib/cocoapods/installer/analyzer.rb:1073:in `block in resolve_dependencies'
/Library/Ruby/Gems/2.6.0/gems/cocoapods-1.10.0/lib/cocoapods/user_interface.rb:64:in `section'
/Library/Ruby/Gems/2.6.0/gems/cocoapods-1.10.0/lib/cocoapods/installer/analyzer.rb:1072:in `resolve_dependencies'
/Library/Ruby/Gems/2.6.0/gems/cocoapods-1.10.0/lib/cocoapods/installer/analyzer.rb:124:in `analyze'
/Library/Ruby/Gems/2.6.0/gems/cocoapods-1.10.0/lib/cocoapods/installer.rb:414:in `analyze'
/Library/Ruby/Gems/2.6.0/gems/cocoapods-1.10.0/lib/cocoapods/installer.rb:239:in `block in resolve_dependencies'
/Library/Ruby/Gems/2.6.0/gems/cocoapods-1.10.0/lib/cocoapods/user_interface.rb:64:in `section'
/Library/Ruby/Gems/2.6.0/gems/cocoapods-1.10.0/lib/cocoapods/installer.rb:238:in `resolve_dependencies'
/Library/Ruby/Gems/2.6.0/gems/cocoapods-1.10.0/lib/cocoapods/installer.rb:160:in `install!'
/Library/Ruby/Gems/2.6.0/gems/cocoapods-1.10.0/lib/cocoapods/command/install.rb:52:in `run'
/Library/Ruby/Gems/2.6.0/gems/claide-1.0.3/lib/claide/command.rb:334:in `run'
/Library/Ruby/Gems/2.6.0/gems/cocoapods-1.10.0/lib/cocoapods/command.rb:52:in `run'
/Library/Ruby/Gems/2.6.0/gems/cocoapods-1.10.0/bin/pod:55:in `<top (required)>'
/usr/local/bin/pod:23:in `load'
/usr/local/bin/pod:23:in `<main>'
――― TEMPLATE END ――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
[!] Oh no, an error occurred.
Search for existing GitHub issues similar to yours:
https://github.com/CocoaPods/CocoaPods/search?q=dlsym%280x7ff8aa0382f0%2C+Init_ffi_c%29%3A+symbol+not+found+-+%2FLibrary%2FRuby%2FGems%2F2.6.0%2Fgems%2Fffi-1.13.1%2Flib%2Fffi_c.bundle&type=Issues
If none exists, create a ticket, with the template displayed above, on:
https://github.com/CocoaPods/CocoaPods/issues/new
Be sure to first read the contributing guide for details on how to properly submit a ticket:
https://github.com/CocoaPods/CocoaPods/blob/master/CONTRIBUTING.md
Don't forget to anonymize any private data!
 
Looking for related issues on cocoapods/cocoapods...
Found no similar issues. To create a new issue, please visit:
https://github.com/cocoapods/cocoapods/issues/new

需要使用 Rosetta 方式运行终端执行命令才行

打开 访达 -> 应用程序 -> 实用工具 -> 终端 -> 右键 -> 显示简介 -> 选中使用 Rosetta 打开

然后重新启动终端,执行


sudo gem install cocoapods
sudo gem install ffi

二、安装IDE

我安装了IDEA,Xcode和AndroidStudio

IDEA:

个人习惯使用IDEA做开发,社区版即可,而且已经对M1版本做了适配(题外话,mac体验果然好,打开IDEA的速度简直起飞)

下载地址:https://www.jetbrains.com/idea/download/

安装这里说个笑话,因为没用过mac,安装都不会,后面才知道安装是点击安装文件之后在出现的界面里把程序拖到Applications里😭

使用IDEA开发Flutter需要安装dart和Flutter插件

Xcode:

ios开发必备(即使你不用ta来写代码),我安装只是让ta用来配置各项环境,省心(工具界的工具人?),装完一定记得要运行一次

官方下载地址:appstore搜索安装即可,比较大,时间会长一点

安装完之后运行命令,做IOS开发的相关设置


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

AndroidStudio:

官方下载地址:https://redirector.gvt1.com/edgedl/android/studio/install/4.1.2.0/android-studio-ide-201.7042882-mac.dmg

装这个只是为了让他把安卓的环境都准备好(又一个工具界的工具人),跟着安装步骤一直点就好了,不过M1芯片的现在还没法直接用AS附带的安卓模拟器,真机调试把,windows下用过AS的老哥应该都很熟了

使用AS开发Flutter需要安装Dart和Flutter插件

三、跑一个app试试

按照官方文档来就行,随便用一个第三方依赖包,可以检测出CocoaPods是否正常安装

这个是我之前自己在windows上写的一个小应用,只用了 shared_preferences这个包

运行flutter pub get获取依赖包

开启IOS模拟器,运行

最终效果: 

到此这篇关于MacBook M1 Flutter环境搭建的实现步骤的文章就介绍到这了,更多相关M1 Flutter环境搭建内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: MacBook M1 Flutter环境搭建的实现步骤

本文链接: https://www.lsjlt.com/news/132523.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • MacBook M1 Flutter环境搭建的实现步骤
    目录一、基础环境搭建 git:Flutter SDK:CocoaPods:二、安装IDEIDEA:Xcode:AndroidStudio:三、跑一个app试试最近入手了Ap...
    99+
    2024-04-02
  • TypeScript环境搭建的实现步骤
    目录1. 安装TS环境2. 安装 ts-node3. 安装nodemon4. Parcel打包支持浏览器运行TS文件前提是已经装好了node.js,node.js安装图文教程&nbs...
    99+
    2024-04-02
  • VS2022+unity3D开发环境搭建的实现步骤
    目录1 安装 Unity2 使用 Visual Studio 调试1 安装 Unity 安装Unity Hub 安装 Unity 推荐使用 Unity Hub 管理程序(官方管理程序...
    99+
    2024-04-02
  • vscode搭建java开发环境的实现步骤
    目录前言一、安装Java Extension Pack插件二、配置全局的Java与Maven三、开始创建Maven项目四、配置该项目的settings.json五、补全项目结构代码与...
    99+
    2023-03-07
    vscode搭建java环境 vscode java搭建环境
  • TypeScript环境搭建的实现步骤是什么
    TypeScript环境搭建的实现步骤是什么,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。1. 安装TS环境进入到要项目文件夹中,使用 npm init --yes 初始化...
    99+
    2023-06-26
  • React+Ant Design开发环境搭建的实现步骤
    基础知识 1.使用脚手架创建项目并启动 1.1 安装脚手架: npm install -g create-react-app 1.2 使用脚手架创建项目: create...
    99+
    2024-04-02
  • MAC搭建M1环境的stable-diffusion
    MAC M1 搭建 stable-diffusion 环境 文章目录 MAC M1 搭建 stable-diffusion 环境环境准备1. 硬件环境2. 系统环境3. 基础软件环境 主...
    99+
    2023-09-06
    macos stable diffusion python m1
  • LINUX生产环境的搭建步骤
    这篇文章主要讲解了“LINUX生产环境的搭建步骤”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“LINUX生产环境的搭建步骤”吧!登录远程MySQLmysql -h 192...
    99+
    2023-06-09
  • 聊聊搭建golang环境的步骤
    Golang是Google开发的一种编程语言,自2007年发布以来,已经广泛使用于云计算和web开发中。而如何在本地进行golang环境的搭建,是初学者们最为关注的问题之一。下面我们就来详细介绍一下golang环境搭建的步骤。下载安装gol...
    99+
    2023-05-14
    go语言 Golang
  • PyQt5+pycharm开发环境搭建的实现步骤(图文)
    目录什么是pyQt5安装pyqt5环境:一、 pycharm环境准备二、 编写界面并运行三、 给生成的按钮实现弹窗功能什么是pyQt5 首先我们来说说什么是pyQt5。 搞过GUI界...
    99+
    2024-04-02
  • 搭建Python Web环境的详细步骤
    这篇文章主要介绍“搭建Python Web环境的详细步骤”,在日常操作中,相信很多人在搭建Python Web环境的详细步骤问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”搭建Python Web环境的详细步骤...
    99+
    2023-06-17
  • KMIP环境搭建的步骤是什么
    搭建KMIP环境的步骤如下: 了解KMIP协议:KMIP(Key Management Interoperability Pro...
    99+
    2023-10-23
    KMIP
  • VScode搭建OpenCV环境的详细步骤
    目录安装MinGW-w64安装CMake生成MakeFiles编译OpencvVScode配置  用vscode来写opencv代码需要自己编译OpenCV,主要用到MinGW-w6...
    99+
    2024-04-02
  • LAMP环境搭建的步骤是什么
    搭建LAMP环境通常需要完成以下步骤:1. 安装操作系统:选择合适的Linux发行版,如Ubuntu、CentOS等,并进行安装。2...
    99+
    2023-09-21
    LAMP
  • docker搭建fastdfs环境的方法步骤
    fastdfs是一个开源的分布式文件系统,在实际使用中,通过源码编译安装过程非常复杂,但是通过docker快速构建却非常容易。下面介绍通过docker安装fastdfs的方法。 do...
    99+
    2024-04-02
  • spark环境搭建的步骤是什么
    搭建Spark环境的步骤如下: 下载Spark:首先,需要到Spark官方网站(https://spark.apache.org...
    99+
    2024-04-08
    spark
  • Jmeter环境搭建及安装步骤
    Jmeter是纯Java开发的, 能够运行Java程序的系统一般都可以运行Jmeter, 如:Windows、 Linux、 mac等。 由于是由Java开发,所以自然需要jdk环境...
    99+
    2024-04-02
  • java Spring MVC4环境搭建实例详解(步骤)
    spring WEB MVC框架提供了一个MVC(model-view-controller)模型-视图-控制器的结构和组件,利用它可以开发更灵活、松耦合的web应用。MVC模式使得整个服务应用的各部分(控制逻辑、业务逻辑、UI界面展示)分...
    99+
    2023-05-31
    spring mvc4环境搭建 ava
  • Linux环境下MySQL5.6 Master-Slave的搭建步骤
    这篇文章主要讲解了“Linux环境下MySQL5.6 Master-Slave的搭建步骤”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Linux环境下MyS...
    99+
    2024-04-02
  • Hadoop伪分布式环境的搭建步骤
    这篇文章主要讲解了“Hadoop伪分布式环境的搭建步骤”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Hadoop伪分布式环境的搭建步骤”吧!安装准备将系统安...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作