MacOS14 Sonoma 安装 Flutter 开发环境

news2024/11/24 3:20:41

本文针对 小白用户也包括自己,以前都是将这些写入我的有道云笔记。为了让给多人看见或者说自己更好的浏览,先将其记录如下。

朋友介绍一个项目说要开发一款App,最近也是闲着就答应下来。主要功能是通过蓝牙BLE控制设备的一个 Iot边缘设备,最初以为是要用Java(kotlin)或者 Object-C(swift)这样的开发方式 安卓 和 IOS两款App,后来才知道这个最终客户是德国工业部某下属公司的一个项目要求用 Flutter开发。一时间觉得好像有点难度,但是对方说可以提供参考代码,好吧勉强答应。

于是再次第一时间去学习Flutter,虽然以前零零散散看过一些资料,这次是要真的动手了。Dart 、 Flutter 都先过一遍 嗯嗯还好吧,对于我这样的码农来说 好像没什么难度,毕竟都是高级语言而且基本都是面向对象的语言,说干就干!

先来了解下什么是 Flutter 吧,Flutter是Google开源的构建用户界面(UI)工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。Flutter 开源、免费,拥有宽松的开源协议,适合商业项目。

于是安装官方文档 做一下操作

搭建Flutter环境

准备工作
修改💻计算机名称:

由于刚买的Mac ,所以先修改下她的名字。

sudo scutil --set ComputerName 计算机名

然后再次查看是否操作成功,确保计算机名已被修改成功

scutil --get ComputerName
# 修改主机名
sudo scutil --set HostName 主机名
# 查看主机名
scutil --get HostName  #或者直接 hostname

主机名和计算机名区分不清楚的自己找资料,这里不做解释
查看MacOS系统信息 

首先搭建Flutter的环境需要使用到Flutter的sdk,可以直接跳去官方网站进行下载,下载时要注意你电脑所使用的芯片是Intel的还是苹果的芯片。

#uname -a 命令查看 芯片型号

joson@MacBook ios % uname -a
Darwin MacBook 23.1.0 Darwin Kernel Version 23.1.0: Mon Oct  9 21:32:52 PDT 2023; root:xnu-10002.41.9~7/RELEASE_ARM64_T8122 arm64

#结果显示 arm64,这不是废话嘛!自己的本本怎么会不知道,当然确认下最好,比如你用公司给配置的呢?
#接下来就是下载对应的 SDK 版本

以上来自 Flutter 官方网站

环境配置

1.打开我们的终端输入以下两句命令

cd /Users/<mac_name>
vim ~/.bash_profile

2.编写.bash_profile文件
可以使用终端直接加入以下两行代码

export PATH=/Users/<mac_name>/flutter/bin:$PATH
export PATH=/Users/<mac_name>/flutter/bin/cache/dart-sdk/bin:$PATH

3、修改并保存设置

#注意这句不要忘了
source ~/.bash_profile #命令使其生效

4、✊检查安装是否成功

#检查是否安装成功,在flutter目录下输入 
flutter -h 
#如果打印出以下信息说明安装成功

✅到此为止 Flutter 环境配置基本完成,接下来我们需要安装 开发工具。如果你只是做Web开发推荐VsCode即可。当然 这里需要一个跨平台的环境 所以 我需要安装 VsCode、XCode、Android Studio 等相关软件;本次仅仅安装 VsCode 和 Android Studio

开发软件
1、VsCode

下载安装Visual Studio Code ,直接打开微软官方网站,下载对应的VsCode即可

安装成功后 ,别忘了下载 Flutter 插件 可以帮助你快速进行编码

2、Android Studio

同样直接去 官方网站 下载 自己需要的版本,用于开发 Android 应用的官方集成开发环境 (IDE)。

Get the official Integrated Development Environment (IDE) for Android app development.

最新版本 Android Studio Giraffe,可以在这里查看相关文档和说明。

至此,我们的开发环境基本完成;接下来就是配置 移动端(安卓开发环境),此处忽略这里只是出版配置好 Flutter 环境 后面会针对性做详细介绍。

3、 Chrome 浏览器安装

为什么安装Chroem 浏览器?因为flutter跨平台开发调试 如果直接调试或许比较不太方便,所以一般先使用web方式调试,等待web端调试完毕无误再对其他客户端进行调试;所以浏览器是必备,由于 Dart 、Flutter 都是Google的产品所以官方指定 Chrome 浏览器没有选择。

调试运行使用命令 flutter run -d Chrome,具体 flutter run 命令查看官方相关文档

✅确认安装结果

此时,打开终端命令窗口,输入 flutter doctor 结果如下

检查 Flutter安装环境,提示 Vs Code、Android Studio、Chrome 都已经安装完毕。所以还需对 安卓开发和 IOS 开发环境做进一步的配置;

先按提示执行 sudo softwareupdate --install-rosetta,然后输入登录密码。

下一节 MacOS 安卓环境配置​​​​​​​

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1258806.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

使用群晖Synology Office提升生产力:如何多人同时编辑一个文件

使用群晖Synology Office提升生产力&#xff1a;多人同时编辑一个文件 正文开始前给大家推荐个网站&#xff0c;前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到网站。 文章目录 使用群晖Synol…

营销软文怎么写,媒介盒子分享

企业营销落地过程中&#xff0c;高质量的营销文案创作是很多企业的难题&#xff0c;这就导致公司可能投入了大量成本却很难看到回报&#xff0c;今天媒介盒子就来分享&#xff1a;如何打造高质量营销软文。 一、 选题具有吸引力 文案选题等于支撑点&#xff0c;想要写出高质量…

鸿蒙原生应用/元服务开发-AGC分发如何申请发布证书

申请发布证书 发布证书由AGC颁发的、为HarmonyOS应用配置签名信息的数字证书&#xff0c;可保障软件代码完整性和发布者身份真实性。证书格式为.cer&#xff0c;包含公钥、证书指纹等信息。 说明 请确保您的开发者帐号已实名认证。每个帐号最多申请1个发布证书。 1.登录AppGall…

用itbuilder制作漂亮的ER图

更新提示 itBuilder本次升级给大家带来了漂亮的ER图&#xff0c;可以修改背景颜色&#xff0c;修改了连线为专业的ER图连线&#xff0c;鼠标悬停显示高亮相关连线&#xff0c;更直观的了解表关系。 背景色 点击标题的调色板可以调整背景颜色 效果展示 高亮连线 鼠标悬停在某…

还在为写论文焦虑?免费AI写作大师来帮你三步搞定

先来看1分钟的视频&#xff0c;对于要写论文的你来说&#xff0c;绝对有所值&#xff01; 还在为写论文焦虑&#xff1f;免费AI写作大师来帮你三步搞定 第一步&#xff1a;输入关键信息 第二步&#xff1a;生成大纲 稍等片刻后&#xff0c;专业大纲生成&#xff08;由于举例&am…

Nginx-进程

Nginx-相关问题_01 Windows关闭所有nginx服务 windows 系统下开发调试时不用每次频繁的 启动->任务管理器->查找进程->结束进程&#xff01; 查看nginx的进程占用情况 tasklist | find /i "nginx.exe" || exit关闭nginx的所有进程 taskkill /im nginx.…

助力企业实现更简单的数据库管理,ATOMDB 与 TDengine 完成兼容性互认

为加速数字化转型进程&#xff0c;当下越来越多的企业开始进行新一轮数据架构改造升级。在此过程中&#xff0c;全平台数据库管理客户端提供了一个集中管理和操作数据库的工具&#xff0c;提高了数据库管理的效率和便利性&#xff0c;减少了人工操作的复杂性和错误率&#xff0…

Xred木马是什么

xred是非常常见的蠕虫病毒之一&#xff0c;属于AutoRun家族&#xff0c;样本变种极多&#xff0c;使用Dephi编写。 病毒可通过文件分享和U盘、移动硬盘等媒介传播。 最常见的域名就是&#xff1a; xred.mooo.com 一般会访问链接&#xff0c;下载文件&#xff0c;但是网址文件…

云计算领域风向标、科技界年度重磅盛会:2023亚马逊云科技re:Invent

今日&#xff0c;云计算领域的风向标、科技界的年度重磅盛会2023亚马逊云科技re:Invent已于美国拉斯维加斯盛大启幕&#xff01; 构回顾高光时刻 亚马逊云科技re:Invent全球大会&#xff0c;已成为全球云领域创新年度发布的关键节点&#xff0c;走过了12年&#xff0c;下面一起…

自养号测评的优势以及搭建注意事项

在当今的电商领域&#xff0c;测评如同一面镜子&#xff0c;为商家展现出产品的真实面貌。对于商家而言&#xff0c;自行养号进行测评的重要性日益凸显。 与依赖国外买手或测评服务商相比&#xff0c;自行搭建账号具有以下优势&#xff1a; 首先&#xff0c;可以避免买家账号…

在Spring Boot中使用@Async异步任务的线程池

在读这篇文章之前&#xff0c;我们先回答一个问题&#xff0c;什么是并发&#xff0c;并发和多线程是什么关系&#xff1f; 并发是指系统中存在多个独立的活动&#xff08;任务、线程等&#xff09;&#xff0c;这些活动在一段时间内交替执行&#xff0c;从而使得多个活动在重…

C++:由哈希延伸出来的应用--位图和布隆过滤器

文章目录 位图的概念位图的实现布隆过滤器布隆过滤器的查找布隆过滤器的删除布隆过滤器的优点 布隆过滤器的实现 本篇实现的是位图和应用 位图的概念 下面有这样的场景&#xff1a;给定40亿个数&#xff0c;现在要找这当中的一个数&#xff0c;如何寻找&#xff1f; 遍历&am…

box-sizing属性,IE怪异盒模型

有没有遇到过这种情况&#xff1f; 当一个放在整个页面的容器&#xff0c;它的宽度定义为 width:100%; 之后。假设再添加 padding &#xff0c;border 或者 margin 则会溢出父容器&#xff0c;是向外扩张的&#xff0c;也就是说设置了之后看不到效果。 首先看盒模型&#xf…

linux下的工具---yum

一、什么是yum yum是Linux下的软件包管理器 二、什么是软件包管理器 1、在Linux下安装软件, 一个通常的办法是下载到程序的源代码, 并进行编译, 得到可执行程序. 2、但是这样太麻烦了, 于是有些人把一些常用的软件提前编译好, 做成软件包(可以理解成windows上的安装程序)放在…

【实战教程】PHP与七牛云的完美对接,你值得拥有!

前言&#xff1a; 随着互联网的迅速发展&#xff0c;越来越多的网站和应用程序需要处理大量的图片、视频和其他文件。为了有效地存储和管理这些文件&#xff0c;并提供快速的内容分发服务&#xff0c;开发者们常常依赖于云存储和CDN服务提供商。 七牛云是一家领先的云存储和C…

如何使用技术SEO来优化产品轮播

SEO&#xff08;搜索引擎优化&#xff09;对你来说并不陌生。现代电子商务系统通常包含旨在吸引谷歌等搜索引擎机器人注意的关键字。 但是&#xff0c;技术 SEO 在代码和服务器级别调查电子商务 SEO 策略。它改善了网站的技术因素&#xff0c;例如页面加载的速度以及抓取的直接…

可移动框 弹窗 可拖拽的组件

电脑端: <template><divv-if"show"ref"infoBox"mousedown.stop"mouseDownHandler"class"info-box":style"styleObject"><slot></slot></div> </template> <script> export defa…

Spring 中存储 Bean 的相关注解

Bean的存 IoC控制反转&#xff0c;就是将对象的控制权交给Spring的IOC容器&#xff0c;由IOC容器创建及管理对象。 也就是bean的存储 类注解:五大注解 Controller&#xff08;控制器存储&#xff09; Service&#xff08;服务存储&#xff09; Component&#xff08;组件存储…

Spring第二课响应的完全,如何理解前后端互联

目录 一、响应 Control,RestController 1.Controller的源码&#xff0c;代表什么意思 2.返回数据 Responsebody 3.返回HTML片段 4.返回JSON 5.那么假如我们使用集合会怎么样呢 设置状态码&#xff0c;虽然不影响展示&#xff0c;但是确实显示起来也就是401的情况。 2.我…

ECShop 4.x collection_listSQL注入

漏洞描述 ECShop是一款B2C独立网店系统&#xff0c;适合企业及个人快速构建个性化网上商店。系统是基于PHP语言及MYSQL数据库构架开发的跨平台开源程序 影响版本&#xff1a;ecshop4.0.7及以下 漏洞环境及利用 docker环境搭建 访问8080端口&#xff0c;数据库主机为mysql&a…