本文针对 小白用户也包括自己,以前都是将这些写入我的有道云笔记。为了让给多人看见或者说自己更好的浏览,先将其记录如下。
朋友介绍一个项目说要开发一款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 安卓环境配置