Mac电脑Flutter环境搭建及运行

news/2024/7/20 22:07:04 标签: macos, flutter, M1, app, ios, android

此文章借鉴参考此博客:https://blog.csdn.net/ws1836300/article/details/130766889

注意:
*下载xcode 就包含git了,
*苹果芯片和intel 芯片需要的环境不同,苹果芯片需要安装:
Important: If you’re installing on an Apple Silicon Mac, you must have the Rosetta translation environment available for some ancillary tools. You can install this manually by running:

sudo softwareupdate --install-rosetta --agree-to-license

一、下载Flutter包

1.下载后解压flutter包:Mac Flutter SDK,
然后将解压后的flutter文件夹放到某个不常动的目录下然,记住路径

二、mac终端-配置环境变量

1、执行命令: vim ~/.bash_profile
2、键盘输入i
3、复制代码粘贴

export PATH=/你的Flutter下载路径/flutter/bin:$PATH  
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

4、按esc 然后输入 :wq 退出
5、执行命令: source ~/.bash_profile
6、执行命令flutter -h :

*如果提示:
command not found: flutter,请检查第3步,看下路径
*如果提示:
Manage your Flutter app development.表示可以了,执行第7条

7、执行命令: flutter doctor

在这里插入图片描述

三、下载VSCode

VsCode下载地址

四、安装VSCode下载插件

1.搜索dart


2.搜索flutter

在这里插入图片描述

五、创建应用

使用vscode初始化项目(必须先安装flutter插件),在vscode里同时按住

shift + command + p

然后输入Flutter: New Project

如果提示:flutter 初始化失败,就是flutter文件没有被找到引起的,可能是你放置的文件位置不允许被访问,(这是苹果新加了一个保护机制Mac提示operation not permitted解决方式_Holidaylovesam的博客-CSDN博客),报错如下:

EPERM: operation not permitted, open '/Users/你的名称/Downloads/flutter/version'
Error: EPERM: operation not permitted, open '/Users/你的名称/Downloads/flutter/version'
	at Object.openSync (node:fs:585:3)
	at Object.func [as openSync] (node:electron/js2c/asar_bundle:5:1812)
	at Object.readFileSync (node:fs:453:35)
	at e.readFileSync (node:electron/js2c/asar_bundle:5:9160)
	at getSdkVersion (/Users/weishuai/.vscode/extensions/dart-code.dart-code-3.64.0/out/dist/extension.js:25309:14)
	at SdkUtils…

你可以把flutter文件移出到你项目下的文件夹里。至于导入的这个:

“export PATH=/你的Flutter下载路径/flutter/bin:$PATH ”可以先不用管他。

如果有这个提示:

在这里插入图片描述
你可以选择Locate SDK ,加载本地文件夹里的 flutter SDK 文件即可:

在这里插入图片描述
添加后,在弹出的这个 Application 选项,直接选择即可。

出现这两个框,说明创建成功了:

在这里插入图片描述
在这里插入图片描述
打开界面如下所示:

在这里插入图片描述

六、模拟器调试

在这里插入图片描述

iOS模拟器运行:

打开xcode, VsCode中选模拟器设备
或者直接通过命令打开模拟器:

open -a Simulator

在这里插入图片描述
然后运行项目;

( 修改代码后,command+S 自动热加载)

Android模拟器

web(windows):

web(macOS):


http://www.niftyadmin.cn/n/5231307.html

相关文章

c语言详解牛顿迭代法以及求解倒数和平方根

Newtons iteration method 是在实数域和复数域利用切线不断逼近方程根的一种求高次曲线方程的方法,区别于梯度下降法,它是二阶导,收敛速度比较快,对于非凸函数,牛顿法容易受到鞍点或者最大值点的吸引。由于牛顿迭代法是…

【数电笔记】基本和复合逻辑运算

说明: 笔记配套视频来源:B站 基本逻辑运算 1. 与运算 (and gate) 2. 或运算 (or gate) 3. 非运算 (not gate ) 复合逻辑运算 1. 与非运算(nand) 2. 或非运…

SpringBoot整合Activiti7——错误事件(十一)

文章目录 错误事件开始事件边界事件结束事件代码实现开始事件xml文件测试流程流程执行步骤 边界与结束事件xml文件自定义错误监听器测试流程流程执行步骤 错误事件 好像都是中断的。非中断没测出来&#xff01;&#xff01;&#xff01; <!-- 定义错误 --> <error id&…

单片机实现数码管动态显示

动态显示的特点是将所有位数码管的段选线并联在一起&#xff0c;由位选线控制是哪一位数码管有效。这样一来&#xff0c;就没有必要每一位数码管配一个锁存器&#xff0c;从而大大地简化了硬件电路。选亮数码管采用动态扫描显示。所谓动态扫描显示即轮流向各位数码管送出字形码…

登录校验——JWT(JSON Web Token)介绍

目录 一、前后端分析二、JWT在前后端的联系1. 前端实现2. 后端实现 三、JWT在登录中的作用和优缺点1. 作用2. 优缺点 JWT&#xff08;JSON Web Token&#xff09;是一种在Java前后端分离项目中实现登录功能的常用方式。本文将对前后端的分析&#xff0c;JWT在前后端的联系以及其…

​iOS Class Guard github用法、工作原理和安装详解及使用经验总结

iOS Class Guard是一个用于OC类、协议、属性和方法名混淆的命令行工具。它是class-dump的扩展。这个工具会生成一个symbol table&#xff0c;这个table在编译期间会包含进工程中。iOS-Class-Guard能有效的隐藏绝大多数的类、协议、方法、属性和 实例变量 名。iOS-Class-Guard不…

基于RV1126的边缘AI计算盒子,新零售、智慧城管、智能安防、智慧课堂

边缘计算盒子 瑞芯微rv1126 | 2.0TOPS INT8/INT16 ● 集成了NPU&#xff0c;算力高达2.0TOPsINT8/INT16。 ● 支持H.264/H.265/MJPEG视频编解码&#xff1b;支持多级别视频质量配置及编码复杂度设置。 ● 编解码性能 3840 x 216030 fps 1080p30 fps encoding 3840 x 21603…

香港服务器时间不准,差8小时

解决方案 1、timedatectl查看系统时间 2、查看系统时区 ls /usr/share/zoneinfo 3、删除当前系统所处时区 rm /etc/localtime 4、创建软链接&#xff0c;以替换当前的时区信息 ln -s /usr/share/zoneinfo/Universal /etc/localtime