mac 上配置flutter开发环境 flutter安装入门教程

mac 上配置flutter开发环境 flutter安装入门教程

最近在学习最火的 Flutter, 看着官方的文档一步步去操作的,我以为会分分钟安装ok, 但是终究还是我以为的,中间出现了很多的小问题, 今天就来整理一下mac上配置flutter开发环境的步骤,以及中间可能会遇到的问题。希望可以对后面学习的人有所帮助吧。少走弯路,避免踩坑。

步骤如下

  1. 开发⼯具介绍

  2. 环境搭建

  3. 配置 下载Flutter SDK

  4. 运行 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( ⚠️ 收集不易,非免费非免费,拒绝白嫖党。一块雪糕的事哈哈!)

——————–⚠️ 插播广告结束 ⚠️———————-

站内部分资源收集于网络,若侵犯了您的合法权益,请联系我们删除!
赞赏是最好的支持
如果对你有帮助那就支持一下吧
立即赞赏
分享到:
赞(5) 打赏

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

小月博客-一个专注于分享的技术博客
没有账号? 忘记密码?