mac 上配置flutter开发环境 flutter安装入门教程
最近在学习最火的 Flutter, 看着官方的文档一步步去操作的,我以为会分分钟安装ok, 但是终究还是我以为的,中间出现了很多的小问题, 今天就来整理一下mac上配置flutter开发环境的步骤,以及中间可能会遇到的问题。希望可以对后面学习的人有所帮助吧。少走弯路,避免踩坑。
步骤如下
-
开发⼯具介绍
-
环境搭建
-
配置 下载Flutter SDK
-
运行 flutter doctor 命令(暂时更到这里,后期持续更新)
step1:开发环境介绍
电脑选择:
- Window:⽆法进⾏iOS开发
- Mac两端都可以开发
⚠️ 如果需要两端开发需要使⽤Mac,但是window电脑不影响Flutter的学习
开发⼯具的选择:
- VSCode:前端开发⽅便,⽀持Flutter开发,但是⽆法调试安卓
- Android Studio:安卓开发必备,同样是⽀持Flutter开发(官⽅推荐)
step2: 环境搭建(这里只介绍mac环境下)
Mac电脑环境安装:
硬件环境:MacOS(64-bit)、磁盘空间700MB (不包括Xcode或Android Studio的磁盘空间)、Flutter 依赖⼯具 bash , mkdir , rm , git , curl , unzip , which
配置:.bash_profile 使⽤镜像,因为⽹络限制需要设置
//添加到.bash_profile中,注意bash_profile是隐藏⽂件 export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
⚠️注意: 此镜像为临时镜像,并不能保证⼀直可⽤,参考详情请参考 Flutter 官网 以获得有关镜像服务器的最新动态
.bash_profile 在哪里? 怎么打开?怎么修改?如何配置.bash_profile ?—> Mac 打开、编辑 .bash_profile 文件
step3: 配置 下载Flutter SDK
获取 Flutter SDK:https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#macos
一般情况下就选择稳定版的下载,如图所示:
解压安装包到想安装的⽬录(这个⽬录以后不需要动,故不建议放在桌面
cd zly
unzip ~/Downloads/flutter_macos_1.20.3-stable.zip
完成如上图解压到自己固定的目录下面。
添加 flutter 相关⼯具到path中, 这里还是存放在自己的 .bash_profile 文件里面
export PATH=/Users/moon/zly/flutter/bin:$PATH 这个是我自己
export PATH=`⾃⼰存放flutter的路径`/flutter/bin:$PATH 大家按照这个格式配置
配置好以后,现在你可以愉快地运行 Flutter 的命令行啦!看看是不是这样的结果呢?
step4:运⾏ flutter doctor查看安装结果
打开终端输入下面的命令,通过运行以下命令来查看当前环境是否需要安装其他的依赖(如果想查看更详细的输出,增加一个 -v
参数即可):
flutter doctor
运行结果如图所示,就代表以上操作流程是对的。
当然第一次配置的时候肯定不会一帆风顺的, 也会遇到下面的报错:
zsh: command not found: flutter
自从写了代码最不喜欢的就是红色了,真是让我无法平静的颜色啊,那么这个问题是什么原因造成的呢?我都是按照步骤一个个来的啊?这是什么原因?我的fiutter呢? 我是谁?… …
不要怕,这个问题的原因和解决方法在: zsh: command not found: flutter 这个文章里面给大家解决。
flutter学习之路漫长,持续学习持续更新,欢迎收藏关注!
——————–⚠️ 插播一条广告 ⚠️———————-
《Fluter从入门到进阶实战携程网App》 无密 百度云盘下载,需要的扫码+V( ⚠️ 收集不易,非免费非免费,拒绝白嫖党。一块雪糕的事哈哈!)
——————–⚠️ 插播广告结束 ⚠️———————-