MacOS14 Sonoma 安装 Flutter 开发环境

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

朋友介绍一个项目说要开发一款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.mzph.cn/news/173707.shtml

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

相关文章

echarts 自定义提示样式

在setOption中添加自定义样式 tooltip: {trigger: axis,formatter: (params)> {// console.log(params);var result if(params[0] && params[1]){result 发电量对比<div style"background:#F4F7FC;padding:5px;margin:5px 0px;border-radius:6px"&…

如何在vs2017及以前版本(vs2010、vs2015)上添加 添加类型库中的MFC类

有时候当我们新建MFC工程需要使用到微软的一些自带控件&#xff0c;如播放视频要用到Windows media player控件&#xff0c;这时&#xff0c;我们可以通过添加“ActiveX控件中的mfc类(A)”这一选项. 还有有时候我们需要用到“类型库中的MFC类(T)及“MFC ODBC使用者(O)”。那我们…

记录本地与服务器之间数据传输方法(上传、下载文件)

文章目录 一、使用scp命令实现参数说明示例说明 二、使用工具实现windows系统苹果系统如有启发&#xff0c;可点赞收藏哟~ 一、使用scp命令实现 scp 是 secure copy &#xff08;安全复制&#xff09;的缩写, scp 是基于 ssh 登陆进行安全的远程文件拷贝命令。相当于 cp 命令 …

2020年06月 Scratch(四级)真题解析#中国电子学会#全国青少年软件编程等级考试

Scratch等级考试(1~4级)全部真题・点这里 一、单选题(共15题,每题2分,共30分) 第1题 执行下图程序后,“花名”列表的第3项是? A:莲花 B:丁香 C:合欢 D:月季 答案:C 列表基本知识,选C。 第2题 执行如下图所示程序后,其结果为? A: B:

《算法通关村——解析堆在合并K个排序链表的应用》

《算法通关村——解析堆在合并K个排序链表的应用》 23. 合并 K 个升序链表 给你一个链表数组&#xff0c;每个链表都已经按升序排列。 请你将所有链表合并到一个升序链表中&#xff0c;返回合并后的链表。 示例 1&#xff1a; 输入&#xff1a;lists [[1,4,5],[1,3,4],[2…

Node——事件的监听与触发

Node.js是由事件驱动的&#xff0c;每个任务都可以当作一个事件来处理&#xff0c;本贴将对Node.js中的events模块及其中处理事件的类EventEmitter的使用进行详细讲解。 1、EventEmitter对象 在JavaScript中&#xff0c;通过事件可以处理许多用户的交互&#xff0c;比如鼠标…

应用Web3.0的5种方法提升你的点击量

Web3.0早已成为互联网的全新方向标&#xff0c;为用户带来全新的手机上网感受。它也变成吸引住点击量疯涨的秘密武器。我们将要详细介绍Web3.0的五种使用方法&#xff0c;帮助你更好的了解并应用Web3.0技术性&#xff0c;以提升你的点击量。 1.可靠的身份认证Web3.0技术性提供了…

【23真题】罕见211!数一配英二!

今天分享的是23年合肥工业大学833的信号与系统数字信号处理试题及解析。合工大833考数一英二&#xff0c;这样的搭配还是很少见的。 本套试卷难度分析&#xff1a;22年合肥工业大学833考研真题&#xff0c;我也发布过&#xff0c;若有需要&#xff0c;戳这里自取!平均分为80和…

论文复现代码《基于自适应哈夫曼编码的密文可逆信息隐藏算法》导演剪辑版

前言 本篇是论文《基于自适应哈夫曼编码的密文可逆信息隐藏算法》复现代码的精简版本。 内含调试过程的代码在这里&#xff1a; 论文复现代码《基于自适应哈夫曼编码的密文可逆信息隐藏算法》调试版-CSDN博客 论文的解析文章在这里&#xff1a; 论文简述基于自适应哈夫曼编…

解析实人认证API的工作原理与应用场景

引言 随着数字化时代的不断发展&#xff0c;实人认证技术在各个领域中发挥着越来越重要的作用。其中&#xff0c;实人认证API作为一种先进的技术手段&#xff0c;通过输入姓名、身份证号码和一张人脸照片&#xff0c;与公安库身份证头像进行权威比对&#xff0c;从而返回比对分…

Clion取消double shift(按两下shift键)全局搜索

Clion 取消 double shift&#xff08;按两下 shift 键&#xff09;全局搜索。 如下图所示打开 setting。 点击 advanced setting&#xff0c;搜索 disable&#xff0c;取消勾选左侧复选框&#xff0c;点击 ok。

瑞数五代ast反混淆笔记一

第一部分 瑞数五代ast反混淆笔记一 文章目录 前言一、分析第一层js文件二、转换为switch-case三、效果图总结 前言 瑞数五代的反混淆做了很久了&#xff0c;当时写的很复杂&#xff0c;也没有记笔记&#xff0c;现在看代码都看不懂了&#xff0c;重新归顺下逻辑思路 一、分析第…

数据结构之栈与队列的实现与详细解析

个人主页&#xff1a;点我进入主页 专栏分类&#xff1a;C语言初阶 C语言程序设计————KTV C语言小游戏 C语言进阶 C语言刷题 数据结构初阶 欢迎大家点赞&#xff0c;评论&#xff0c;收藏。 一起努力&#xff0c;一起奔赴大厂。 目录 1.前言 2.栈 2…

ISO27000认证实施意义

在信息化时代&#xff0c;信息安全对于企业至关重要。ISO27000认证作为信息安全管理体系的标准&#xff0c;其实施意义愈发凸显。本文将围绕ISO27000认证&#xff0c;详细解答其实施意义&#xff0c;并探讨ISO27001认证范围、价格、含义以及与ISO27000的关系等。 一、ISO27000…

怎么做excel表格的二维码?文件快速做二维码的教程

Excel表格怎么做成二维码来扫码插看呢&#xff1f;Excel是工作中常用的一种文件格式&#xff0c;想要将表格内容分享给其他人查看&#xff0c;那么将表格生成二维码的方法会更加的方便快捷&#xff0c;其他人只需要扫描二维码就可以查看或者下载文件。表格excel二维码可以通过文…

如何找出excel中两列数据中不同的值(IF函数的用法)

第一部分&#xff0c;举例&#xff1a; 例1&#xff1a; 如下图所示&#xff0c;A列和B列是需要比较的数据&#xff0c;C列为对比规则&#xff1a;IF(A2B2,"是","否") 示例图 例2&#xff1a;给B列的成绩评等级 C列的规则&#xff1a; IF(B2>85,&qu…

【一周安全资讯1125】《工业和信息化领域数据安全行政处罚裁量指引 (试行)》公开征求意见;中国台湾大江生医泄露236GB数据

要闻速览 1、《工业和信息化领域数据安全行政处罚裁量指引 (试行)》公开征求意见 2、年度最大安全事件&#xff1a;MOVEit黑客攻击波及2600多家企业 3、美国核研究实验室遭黑客入侵&#xff0c;数十万个人数据泄漏 4、大英图书馆遭受勒索攻击&#xff0c;业务完全恢复需要数周…

Matplotlib画图接口_Python数据分析与可视化

Matplotlib画图接口 导入matplotlib显示图像画图接口 导入matplotlib 和numpy,pandas一样&#xff0c;在导入matplotlib时我们也可以用一些常用的简写形式&#xff1a; import matplotlib as mpl import matplotlib.pyplot as pltpyplot是最常用的画图模块接口&#xff0c;功…

哈希表、哈希冲突解决办法

文章目录 一、什么是哈希表&#xff1f;二、什么是哈希冲突&#xff1f;怎样解决&#xff1f;三、哈希表的大小为什么是质数&#xff1f;四、链表法五、开放地址法线性探测法平方探测法双哈希(Double Hashing) 六、哈希表满了怎么办&#xff1f;七、完美哈希八、一些使用哈希解…

机器学习基础Matplotlib绘图

一、运行环境 学习工具&#xff1a;jupyter-notebookpython版本&#xff1a;311系统&#xff1a;Win11 二、什么是matplotlib&#xff1f; matplotlib是基于python生态开发的一个可视化绘图库&#xff0c;它的出现让python在数据分析及机器学习方面占了重要的一部分&#…