mac上搭建vscode+Flutter开发环境

最新推荐文章于 2025-03-17 17:34:39 发布

Jarvan大熊

最新推荐文章于 2025-03-17 17:34:39 发布

阅读量315

点赞数

文章标签： flutter macos vscode ide 编辑器

本文链接：https://blog.youkuaiyun.com/dx18520548758/article/details/128618574

版权

本文档详细介绍了如何在MacOS上配置Flutter开发环境，包括安装Android Studio、Xcode、Visual Studio Code，以及Flutter和Dart插件。通过执行flutter doctor检查并解决环境问题，安装CocoaPods以支持iOS开发。最后成功创建并运行Flutter Demo，但在iOS上遇到问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

系统版本：MacOS 10.15.6
1、安装AndroidStdio https://developer.android.goo...
当前版本为4.1.1
新建demo并能运⾏

2、安装Xcode，直接在App Store安装，版本12.2
新建demo并能运⾏

3、安装vscode
官网下载https://code.visualstudio.com
版本1.49.1

4、安装Flutter
4.1 终端中输⼊以下指令克隆项⽬，如果克隆失败需要挂代理
git clone -b beta https://github.com/flutter/fl...

4.2 导出到Flutter保存路径 export PATH=pwd/flutter/bin:$PATH

4.3执⾏ flutter doctor
flutter doctor 是 flutter 对mac本机的环境配置诊断脚本，脚本结果会直接放出
flutter 环境有哪些需要继续配置的。按照提示执⾏脚本即可
第一次执行提示Android licenses 有问题，需要执⾏: flutter doctor --android-licenses
⼀直输⼊“Y”执⾏，直到所有Android licenses 安装完，再执⾏⼀次flutter doctor。
配置⽂件添加： export PATH=${PATH}:/Users/mac/FlutterSDK/flutter/bin:PATH

5、VScode 配置
VS code的Flutter配置也很简单：
打开VS code -> Extentions管理
在搜索框中搜索 Flutter
搜索到Flutter, 点击安装即可
Dart环境也是⾃动会安装好

6、创建第一个Flutter项目
切换到项⽬⽬录下view -> Command Palette ，输⼊Flutter-> NewProject，然后输⼊项⽬名称(⼩写)，选择项⽬路径。这期间需要设置之前下载好的SDK路径，之后重启。
执⾏：

export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"

到这⼀步在android系统已经能正常运⾏demo了，但ios安装demo时失败。

7、安装CocoaPods，否则⽆法运⾏iOS程序,我直接安装的是1.8.4版本，安装最新版本需要升级ruby,否则安装失败
sudo gem install cocoapods -v 1.8.4