广州专业网站设计定制,lpl赛区战绩,seo实战培训班,wordpress导致宕机本文针对 小白用户也包括自己#xff0c;以前都是将这些写入我的有道云笔记。为了让给多人看见或者说自己更好的浏览#xff0c;先将其记录如下。 朋友介绍一个项目说要开发一款App#xff0c;最近也是闲着就答应下来。主要功能是通过蓝牙BLE控制设备的一个 Iot边缘设备以前都是将这些写入我的有道云笔记。为了让给多人看见或者说自己更好的浏览先将其记录如下。 朋友介绍一个项目说要开发一款App最近也是闲着就答应下来。主要功能是通过蓝牙BLE控制设备的一个 Iot边缘设备最初以为是要用Javakotlin或者 Object-Cswift这样的开发方式 安卓 和 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 命令查看 芯片型号josonMacBook 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 安卓环境配置
