flutter环境安装（Mac+vscode）

aly丶0-0

已于 2024-07-07 11:57:14 修改

阅读量893

点赞数 10

CC 4.0 BY-SA版权

文章标签： flutter

于 2024-07-07 11:54:59 首次发布

本文链接：https://blog.csdn.net/sun_z_x/article/details/140243870

以前据说flutter跨平台开发app很牛逼，最近突然想到这个东西，于是想体验一下flutter的开发流程，看看能否适合做独立开发。

我用的是mac，手机也是ios，就开始着手部署mac下的开发环境了。

开发后台的时候，一直使用的vscode作为编辑器，所以，这次也准备使用这个呢。

参考的是这个文章：《Flutter实战·第二版》

基本上是按照上面的步骤一步步做的，唯一不同的是，以前安装过Xcode，所以，Xcode相关的步骤没有操作。

于是，安装好之后，效果是 vscode的命令命板(Go to View > Command Palette... Ctrl / Cmd + Shift + P)中，一直搜索不到Flutter。

最后，经过很坑的尝试，终于发现原因是，CocoaPods没有安装导致的。

那么， CocoaPods怎么安装呢？

（1）先安装HomeBrew，参考：mac 安装HomeBrew(100%成功)

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

source /Users/「替换为你的用户名」/.zprofile

（2）安装CocoaPods

brew install cocoapods

(3) flutter doctor再看看

于是，就可以搜索啦：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

aly丶0-0

关注关注

10
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Flutter教程：Mac版VS Code如何创建和运行Flutter 应用

专注于深入研究多种编程语言，以实战为导向，逐步拓展开发技能，提升工程化编码和思维能力，展现无敌技术实力。

06-14

954

Flutter教程：Mac版VS Code如何创建Flutter 应用

Flutter Mac上使用VSCode支持Flutter开发，android电话面试技巧

2401_84149557的博客

04-08

1084

给大家送上我成功跳槽复习中所整理的资料，由于文章篇幅有限，所以只是把题目列出来了《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！[外链图片转存中…(img-KgG1I2BZ-1712507066641)]既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

参与评论您还未登录，请先登录后发表或查看评论

Flutter Mac上使用VSCode支持Flutter开发

2401_84132589的博客

04-10

1488

其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。下图是我进阶学习所积累的历年腾讯、头条、阿里、美团、字节跳动等公司2019-2021年的高频面试题，博主还把这些技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节祝大家都能得到自己心仪工作。《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

使用MacPro 安装flutter开发环境详细教程

热门推荐

Gamin

10-30

1万+

官网地址： https://docs.flutter.dev/get-started/install/macos 注意：苹果芯片需要安装rosetta翻译环境 Flutter用于git安装和升级。我们建议安装Xcode，其中包含git，但您也可以单独安装git。

安装flutter 开发环境 vscode for Mac

08-16

安装flutter 开发环境 vscode for Mac 初次使用vscode开发flutter ，适合新手小白，简单易操作只要按照知道一步一步执行命令即可

Mac 端 VSCode Flutter 快捷键大全

Bonway的博客

01-10

755

输入，选择。找到需要修改的快捷键，点击右侧的铅笔图标，设置你喜欢的快捷键。官网详细介绍记录下这些快捷键并在开发中实践，你的效率将大幅提升！🎉🎉🎉。

Flutter 项目：flutter的安装和环境配置

03-10

### Flutter项目：Flutter的安装与环境配置 #### 一、系统要求为了成功地安装和运行Flutter，您的Windows环境必须符合以下系统要求。 ##### 硬件要求 **最低要求**： - **CPU**: x86_64架构 - **核心数**: 至少...

Flutter在mac上的安装

01-07

Flutter在mac上的安装 1、在Mac上下载方式： :keycap_digit_one:可以通过git clone的方式下载最新的flutter版本到本地 git clone https://github.com/flutter/flutter.git :keycap_digit_two:通过github，在github上找到flutter，然后选择需要的版本down到本地，再解压到你想安装的目录，即可。 :keycap_digit_three:通过homebrew 安装 brew install flutter 2、配置环境变量 flutter安装完成后，如果在终端里面能够识别到flutter命令？这个时候需要把flutter的安装目录配置到环境变量里面。在mac中，通

Mac - vscode - flutter环境搭建

邹毅的专栏

02-19

649

一、Mac - vscode - flutter环境搭建 2021.01.06 12:07:41字数 411阅读 150 一、前提条件： brew； JDK; git; vscode; 官网下载Flutter下载最新版本 image.png image.png 二、将Flutter（解压后的）放到自己喜欢的位置：摆放的位置，会涉及到下面配置的路径。如我放在下图 image.png 三、配置SDK和mac的环境关系执行命令：...

【Flutter】Flutter安装和配置（mac）

小菜张的博客

09-04

4776

Flutter安装和配置（mac）、Android sdk的安装

MAC安装Flutter

小菜媛的博客

02-03

1962

系统环境要求操作系统: macOS (64-bit) 磁盘空间: 至少3个G 1、首先下载Flutter SDKhttps://flutter.dev/docs/get-started/install/macos#get-sdk 将文件提取到所需位置 cd ~/development $ unzip ~/Downloads/flutter_macos_v1.12.13+hotfi...

Mac系统安装flutter

W2i0l1l5y的博客

08-11

1023

Mac环境下安装flutter

MAC+VsCode创建第一个Flutter项目

楊帥

07-04

3195

MAC版本：10.12.4 Xcode环境：7.0.0不合适没有处理 AndroidSDK version29.0.0 命令：open .bash_profile打开配置文件。添加： export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-i...

VSCode安装Flutter环境

04-03

### 如何在 VSCode 中安装和配置 Flutter 开发环境 #### 安装 Flutter 和 Dart 插件为了在 Visual Studio Code (VSCode) 中支持 Flutter 的开发，首先需要安装两个必要的扩展：Flutter 扩展和 Dart 扩展。这些扩展可以通过打开 VSCode 的扩展市场来完成安装[^1]。 #### 配置 Flutter SDK 一旦安装了上述插件，在 VSCode 中按下 `Ctrl+Shift+P` 并输入 “Flutter”，如果尚未安装 Flutter SDK，则会在右下角收到提示以引导用户下载并安装 Flutter SDK[^2]。确保已正确设置环境变量以便命令行工具能够识别 `flutter` 命令。 #### 设置 Android 或 iOS 环境对于 Android 设备的支持，需确认已经安装了 Android Studio 及其附带的 Android SDK 工具链，并且设置了 ANDROID_HOME 环境变量指向 Android SDK 路径。如果是针对 iOS 进行开发，则需要 Mac OS X 系统以及最新版本的 Xcode 来编译应用。 #### 启动模拟器或连接真机要测试应用程序，可以选择启动 Android 模拟器或者连接物理设备作为目标运行平台。通过执行终端中的 `flutter devices` 查看可用的目标设备列表。 ```bash $ flutter doctor ``` 此命令可以帮助验证整个开发环境中是否存在任何缺失组件或错误配置的情况。它还会提供修复建议以解决检测到的问题。 #### 创建新项目与调试当一切准备就绪之后，可以在 VSCode 内创建一个新的 Flutter 项目并通过内置的功能快速构建界面原型、编写业务逻辑代码等。利用快捷键组合 F5 即可开始调试当前活动的应用程序实例。 ---