MacOS14 Sonoma 安装 Flutter 开发环境

2023-11-28 13:20

本文主要是介绍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 安卓环境配置​​​​​​​

这篇关于MacOS14 Sonoma 安装 Flutter 开发环境的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/429766

相关文章

gitlab安装及邮箱配置和常用使用方式

《gitlab安装及邮箱配置和常用使用方式》:本文主要介绍gitlab安装及邮箱配置和常用使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1.安装GitLab2.配置GitLab邮件服务3.GitLab的账号注册邮箱验证及其分组4.gitlab分支和标签的

MySQL MCP 服务器安装配置最佳实践

《MySQLMCP服务器安装配置最佳实践》本文介绍MySQLMCP服务器的安装配置方法,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下... 目录mysql MCP 服务器安装配置指南简介功能特点安装方法数据库配置使用MCP Inspector进行调试开发指

在Windows上使用qemu安装ubuntu24.04服务器的详细指南

《在Windows上使用qemu安装ubuntu24.04服务器的详细指南》本文介绍了在Windows上使用QEMU安装Ubuntu24.04的全流程:安装QEMU、准备ISO镜像、创建虚拟磁盘、配置... 目录1. 安装QEMU环境2. 准备Ubuntu 24.04镜像3. 启动QEMU安装Ubuntu4

python常见环境管理工具超全解析

《python常见环境管理工具超全解析》在Python开发中,管理多个项目及其依赖项通常是一个挑战,下面:本文主要介绍python常见环境管理工具的相关资料,文中通过代码介绍的非常详细,需要的朋友... 目录1. conda2. pip3. uvuv 工具自动创建和管理环境的特点4. setup.py5.

Python UV安装、升级、卸载详细步骤记录

《PythonUV安装、升级、卸载详细步骤记录》:本文主要介绍PythonUV安装、升级、卸载的详细步骤,uv是Astral推出的下一代Python包与项目管理器,主打单一可执行文件、极致性能... 目录安装检查升级设置自动补全卸载UV 命令总结 官方文档详见:https://docs.astral.sh/

Python实例题之pygame开发打飞机游戏实例代码

《Python实例题之pygame开发打飞机游戏实例代码》对于python的学习者,能够写出一个飞机大战的程序代码,是不是感觉到非常的开心,:本文主要介绍Python实例题之pygame开发打飞机... 目录题目pygame-aircraft-game使用 Pygame 开发的打飞机游戏脚本代码解释初始化部

Python中使用uv创建环境及原理举例详解

《Python中使用uv创建环境及原理举例详解》uv是Astral团队开发的高性能Python工具,整合包管理、虚拟环境、Python版本控制等功能,:本文主要介绍Python中使用uv创建环境及... 目录一、uv工具简介核心特点:二、安装uv1. 通过pip安装2. 通过脚本安装验证安装:配置镜像源(可

使用Python开发一个现代化屏幕取色器

《使用Python开发一个现代化屏幕取色器》在UI设计、网页开发等场景中,颜色拾取是高频需求,:本文主要介绍如何使用Python开发一个现代化屏幕取色器,有需要的小伙伴可以参考一下... 目录一、项目概述二、核心功能解析2.1 实时颜色追踪2.2 智能颜色显示三、效果展示四、实现步骤详解4.1 环境配置4.

Nexus安装和启动的实现教程

《Nexus安装和启动的实现教程》:本文主要介绍Nexus安装和启动的实现教程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、Nexus下载二、Nexus安装和启动三、关闭Nexus总结一、Nexus下载官方下载链接:DownloadWindows系统根

Java SWT库详解与安装指南(最新推荐)

《JavaSWT库详解与安装指南(最新推荐)》:本文主要介绍JavaSWT库详解与安装指南,在本章中,我们介绍了如何下载、安装SWTJAR包,并详述了在Eclipse以及命令行环境中配置Java... 目录1. Java SWT类库概述2. SWT与AWT和Swing的区别2.1 历史背景与设计理念2.1.