mac下安装flutter（开发工具Visual Studio Code）记录（用AS吧，功能全面）

最新推荐文章于 2025-09-27 11:36:14 发布
原创 最新推荐文章于 2025-09-27 11:36:14 发布 · 1.2k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了在Mac上安装Flutter的步骤，包括准备SDK、配置环境变量及使用VisualStudioCode进行开发环境设置。

mac下安装flutter（开发工具Visual Studio Code）记录（用AS吧，功能全面）

 

1、先准备好sdk

flutterSDK、dartSDK、vsCode

2、配置环境变量

打开终端：vim ~/.bash_profile,进入编辑模式输入 i 回撤

红色框内的是需要添加的，蓝色框是下载的flutterSDK下的bin文件夹路径

然后esc，输入：wq

输入source ~/.bash_profile

更新环境变量

3、打开Visual Studio Code，根据下图蓝色框里选中的选项进行点击、搜索flutter，然后install、再搜索dart，然后install。中间工具右下角可能会有一些让你选择flutterSDK和dartSDK路径，直接选择刚才下载到本机的路径，一切就OK了！

 

完事

 

Flutter开发环境在Mac上的搭建(iOS和Android图文详细过程)
虚怀若愚
09-04 2162
文章目录地址2-2 快速上手Flutter开发3 MAC搭建IOS开发环境设置Flutter镜像获取Flutter SDK运行flutter doctor检查开发环境iOS开发环境设置 地址 视频地址 flutter包的库：https://pub.dev 2-2 快速上手Flutter开发 开发工具：Android Studio Flutter采用的是声明式UI IOS控件和Flutter控件 3 MAC搭建IOS开发环境 设置Flutter镜像(非必须) 获取Flutter SDK iOS开发环境设置
Flutter在Visual Studio Code上首次创建运行应用
yyxhzdm的博客
12-13 2148
的包名，包名（在 iOS 里叫 Bundle ID）一般都是公司域名的反写。如果你的应用打算上架商店，建议一开始的时候把这个全网唯一的包名设置好，因为应用上架之后就不能再修改了。1、每当创建一个新的 Flutter 应用时，一些 Flutter IDE 插件会请你输入一个类似。6)、输入项目名称，例如：my_flutter_helloword，并点击Enter。3)、在搜索框中输入“flutter”，弹出内容如下图所示，选择“2、选择一个设备，如果没有连接真机，可以使用模拟器。勾选后，开始创建应用。
Flutter配置for Mac -- VSCode
weixin_30908103的博客
05-08 363
最近开始了解Flutter，下面介绍在Mac环境下配置开发环境，我是一个iOS开发者，所有以后的系列文章都会以iOS的开发角度去学习Flutter。大家一块学习 官方开发文档地址 官方开发文档地址 Flutter下载包地址 下载包git地址 VSCode下载地址 自行搜索下载VSCode下载 配置Flutter-SDK 1：解压压缩包，以我个人配置为例，放到文档中，并且创建一个文件夹Flutt...
错误解决：Flutter找不到合适的Visual Studio 工具链
最新发布
QQ1295845504的博客
09-27 493
在VS Code中创建了一个flutter项目，并使用window方式运行，出现如下错误。这个错误提示表明 Flutter 在构建 Windows 应用时找不到合适的 Visual Studio 工具链。这是开发 Windows 平台 Flutter 应用时常见的配置问题。
Mac+VSCode安装flutter环境
shuzhi57的博客
03-09 871
第一步：去flutter官网下载最新的SDK 下载下来之后会自动解压，然后将解压后的flutter文件夹放到某个目录下，后面配置环境变量需要路径，我就放在和桌面同级 第二步：配置环境变量 1、执行命令： vim ~/.bash_profile 2、键盘输入i 3、复制代码粘贴 export PATH=~/flutter/bin:$PATH export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_B.
一个在 MAC 上 iOS/Flutter 开发的辅助工具
weixin_40190849的博客
09-14 215
大家好，我是章鱼猫。今天给大家推荐的这个开源项目，是来自于我们公众号读者的投稿，这个东西还挺好的。如果你作为读者，也有自己的开源项目或者你也有想推荐的开源项目，都可以向我们投稿，我们就是致力于帮助我们开发者，程序员来推广优秀的开源项目，让大家一起受益的。好了，进入今天的正题，今天推荐的这个开源项目，目前仅支持 Mac 电脑。这个开源项目就是：JSONConverter，它的具体功能就是：JSONC...
跨平台高效的 Visual Studio Code 编辑器特性、功能及其应用场景
02-06
VS Code具有跨平台支持、轻量且高效、强大的代码编辑功能、内置调试工具、集成终端、Git集成、丰富的扩展生态系统、高度可定制、多语言支持和远程开发能力等十大主要特点。 跨平台支持是VS Code的一大优势，它支持...
Visual Studio Code 1.69.1 （VSCodeSetup-arm64-1.69.1.exe)
08-04
### Visual Studio Code 1.69.1 (VSCodeSetup-arm64-1.69.1.exe) #### 概述 Visual Studio Code (简称 VSCode) 是一款由微软开发的开源、跨平台的源代码编辑器。它以其轻量级、高性能的特点深受开发者喜爱。在版本...
Flutter：开发环境搭建和Android Studio创建Flutter Project
ChinaDragon10的博客
12-10 2447
Flutter：开发环境搭建和Android Studio创建Flutter Project
vscode-ext_flutter-clean-architecture:此Visual Studio Code扩展有助于以干净的架构方式创建新功能
04-02
Flutter Clean Architecture功能脚手架 此扩展基于 BLoC扩展 介绍 受 的启发，此扩展将帮助您快速功能。 目录结构示例 例如，让我们采用计数器功能： 安装 可以从或通过来安装此扩展。 新功能命令用法 您可以通过...
使用MacPro 安装flutter开发环境 详细教程
IT涤生
05-20 817
遇到安装cocoapods。失败的小伙伴 需要 检查自己电脑是否安装了 ruby 语言环境 以及 cocoapods版本。遇到ruby 版本和 cocoapods 版本不配对 ，需要先清除cocoapods 版本。mac 电脑自带了 ruby 版本，但是有时候我们需要切换成自己安装的版本。首先下载环境安装的软件，并推荐使用稳定版本。保存文件 刷新环境变了配置。
Visual Studio Code使用Flutter开发第一个Web页面
wz_1992的博客
04-15 1577
在扩展搜索输入框中输入「flutter」，然后在列表中选择 Flutter 并单击 Install。输入「install」，然后选择 Extensions: Install Extensions。（查看 > 命令面板）。打开 View > Command Palette （查看 > 命令面板）。输入「flutter」，选择 Flutter: New Project。输入项目名称，例如 my_flutter_web，并点击 Enter。等待项目创建完成，并且 main.dart 文件展现在编辑器中。
Flutter Visual Studio Code开发环境搭建
hzw138144的博客
07-18 2147
概述 已下内容参考了官网教程。官网如果无法访问试一下科学上网。 开发环境搭建 安装 VS Code VS Code 最新稳定版本。 安装插件-Flutter and Dart 打开 VS Code 打开命令面板 View > Command Palette，快捷键 shift+command+p 输入 “install”, 并选择"Install Extensions" 输入 “flutter”, 选择 “Flutter” 并点击安装，这一步会同时安装必备的 Dart 插件 安装模拟器 IO
在 VSCode 中搭建 Flutter 开发环境并运行项目
热门推荐
Chloeeeeeeee的博客
06-07 1万+
在 VSCode 中运行 Flutter 项目并启动虚拟机的步骤如下：首先，安装 Flutter SDK 并添加其 bin 目录到系统 PATH，然后在 VSCode 中安装 Flutter 和 Dart 插件。接着，下载并安装 Android Studio，配置 Android 模拟器。创建 Flutter 项目后，打开终端启动模拟器，或通过 VSCode 工具栏选择设备，按 F5 运行项目。最后，使用调试控制台设置断点和检查变量，进行调试。这样即可在 VSCode 中运行和调试 Flutter 项目。
Flutter Mac上使用VSCode支持Flutter开发
2301_76352508的博客
04-05 1531
考虑到文章的篇幅问题，我把这些问题和答案以及我多年面试所遇到的问题和一些面试资料做成了PDF文档《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！[外链图片转存中…(img-dKYFfG1N-1712260050255)]既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！
Mac电脑 Vscode ： Flutter 开发环境搭建（最细节教程）
ws1836300的博客
05-19 4177
如果提示：flutter 初始化失败，就是flutter文件没有被找到引起的，可能是你放置的文件位置不允许被访问，（这是苹果新加了一个保护机制。“export PATH=/大哥，你的路径/flutter/bin:$PATH ”可以先不用管他。command not found: flutter，请检查第3步，看下路径。然后将解压后的flutter文件夹放到某个不常动的目录下然,记住路径。你可以把flutter文件移出到你项目下的文件夹里。添加后，在弹出的这个 Application 选项，直接选择即可。
Flutter 开发环境搭建-VS Code篇
张营的技术博客
03-10 5048
Flutter环境搭建，包括Android Studio和VSCode两种IDE环境搭建，基础环境安装、插件安装、虚拟机安装、项目初始化、项目运行等。
Visual Studio Code配置flutter
02-15
### 如何在 Visual Studio Code 中配置 Flutter 开发环境 #### 安装 Visual Studio Code 和 Dart/Flutter 扩展 为了在 macOS 上设置 Flutter 的开发环境，需先下载并安装 Visual Studio Code (VS Code)[^5]。完成安装后，通过 `Command + Shift + P` 调出命令面板，输入 "Install Extension" 来查找扩展程序。 接着搜索 “Dart” 并点击安装由 Dart 团队官方维护的 Dart 插件[^1]。该插件包含了对 Flutter 项目的全面支持，因此无需单独再找其他特定于 Flutter 的扩展包。 #### 配置 Flutter SDK 确保已经按照官方指南正确设置了 Flutter SDK 环境变量。可以通过终端执行 `flutter doctor` 命令来验证当前系统的准备情况以及是否有任何缺失项需要处理[^3]。如果提示缺少某些工具，则依照指示逐一解决依赖关系问题。 #### 创建新项目或导入现有项目 一旦上述准备工作就绪，就可以开始创建新的 Flutter 应用了。选择左侧活动栏中的“Explorer”，然后点击下方的小文件夹图标旁边的加号按钮，选取“Clone Git Repository...” 或者直接克隆仓库地址；也可以本地新建一个简单的 HelloWorld 工程作为起点[^4]。 对于已有项目而言，只需将其目录拖放到 VS Code 内即可自动识别为有效的工作区，并加载相应的编辑器特性和服务。 #### 运行调试应用程序 最后一步就是测试整个流程是否顺畅运作了。这可通过顶部菜单栏里的 Run -> Start Debugging 或按快捷键 F5 实现，在此之前记得确认设备连接状态良好或是模拟器处于开启模式下[^2]。此时应该能在集成控制台里看到详细的构建日志直至最终成功部署至目标平台上运行起来。 ```bash # 使用终端启动应用 $ flutter run ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值