macOS上搭建Flutter环境

最近开始负责flutter项目,于是开始从环境搭建到运行项目(主要发布到安卓侧)

电脑信息:Apple M1 Pro/16 GB/512G

环境配置

安装Flutter SDK

使用VSCode安装Flutter下载并安装Flutter两种方式,此处我使用的是直接下载的方式。(PS:官方更推荐使用VSCode方式)

下载时需要注意使用的版本是否有要求限制,因为项目特性,我只能下载3.13.4arm6的(国内下载可能需要科学上网~我这边就不赘述啦)。

安装环境,根据官方文档,存放在development文件夹下,将下载的安装包拷贝到文件下,并解压到当前文件下,会得到一个名为flutter的文件夹。在终端运行open ~/.zshenv打开文件。

安装配置Android Studio

根据提示安装软件。

然后在全局执行命令flutter doctor进行flutter的检查安装,下图仅安装了flutter-sdk和Android Studio(此时未配置setting)。 根据提示安装SDK工具,左上角【Setting】-【Language...】-【Android SDK】。(也可以通过命令行的方式进行安装~) 再次执行命令flutter doctor检查,得到如下图 根据提示,在全局执行命令flutter doctor -- android-licenses,最终则得到下图(即配置好了安卓环境)。由于本次主要还是安卓项目,后续则未研究Xcode。

运行第一个Flutter

Android Studio安装插件

创建项目

点击创建一个flutter项目,选择sdk的路径,然后设置项目文件夹路径和项目名称。 电脑连接Android真机设备(API 16 (Android 4.1)及更高的版本),打开USB调试。可以通过命令行flutter devices查看设备列表。选中设备后,点击运行,则会在真机生成一个包

真机运行如下所示,应用名称为first_try,默认的demo是计数器。

配置安卓开发

下载一个

flutter doctor 检测目前还缺少哪些

相关推荐
漏刻有时6 小时前
PHP GeoJSON转PNG地图渲染程序开发笔记、源码解读、问题复盘与整改方案
android·笔记·php
-SOLO-7 小时前
解决VMware 显示比例被重置的问题
android
alexhilton8 小时前
探究Android Views、Flutter和Compose如何渲染你的UI
android·kotlin·android jetpack
Lesile10 小时前
Android:Hilt框架入门 · 在ViewUI和ComposeUI下的应用
android·android jetpack
用户4238162290711 小时前
Android 16 WebView 页面顶部挖孔/通知栏不能显示UI问题排查
android
weixin_7275356211 小时前
Loop 已死,Graph 新生:AI 工作流的范式革命
android·人工智能·rxjava
先吃饱再说12 小时前
编写一个颜色选择器之后,我理解了 React 工程化的三层架构
react.js·前端框架·前端工程化
严同学正在努力12 小时前
从备份到恢复:我用 30 分钟恢复了误删的核心业务表
android·java·数据库·ai
先吃饱再说12 小时前
别说你懂 useEffect:从底层机制到生命周期管理,这篇全讲透了
react.js·前端框架
先吃饱再说12 小时前
从“传事件”到“只传值”:React + TypeScript 组件 Props 设计的两次进化
react.js·前端框架·前端工程化