Mac电脑Flutter环境搭建及运行

此文章借鉴参考此博客: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:

javascript 复制代码
sudo softwareupdate --install-rosetta --agree-to-license

一、下载Flutter包

1.下载后解压flutter包:Mac Flutter SDK

然后将解压后的flutter文件夹放到某个不常动的目录下然,记住路径

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

1、执行命令: vim ~/.bash_profile

2、键盘输入i

3、复制代码粘贴

javascript 复制代码
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博客),报错如下:

javascript 复制代码
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中选模拟器设备

或者直接通过命令打开模拟器:

javascript 复制代码
open -a Simulator

然后运行项目;

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

Android模拟器

web(windows):

web(macOS):

相关推荐
月诸清酒几秒前
豆包输入法 Mac 版上线了,跟我之前用的 Typeless 对比了下
macos
Sahadev_14 分钟前
GitMemo 安卓版发布了:现在可以随时随地查看和记录自己的笔记
android·笔记·创业创新
星辰即远方23 分钟前
UICollectionView
macos·objective-c·cocoa
龙之叶44 分钟前
Android 12:在 ActivityStarter 层拦截分享、搜索与 HTTP 外链
android·chrome·http
牛奔1 小时前
Android 开发通用解决方案:使用 ADB 彻底卸载已安装 App(解决版本降级安装失败问题)
android·adb
水云桐程序员1 小时前
APP 的架构设计
macos·objective-c·cocoa·软件工程
tryqaaa_2 小时前
学习日志(三)【php语法学习,iscc校赛wp】
android·网络协议·学习·安全·web安全·web
你听得到112 小时前
从 Figma 走查到 AI 可验证产物:我如何重构客户端 UI 交付链路
前端·vue.js·flutter
plainGeekDev2 小时前
Kotlin协程面试题:suspend原理都说不清,协程你真会用?
android·面试·kotlin
●VON2 小时前
OpenClaw 架构解析:Skill 与 Agent 的设计哲学与实现机制
人工智能·app·agent·skill·豆包·deepseek