Flutter环境搭建,这么详细你还学不会吗???

77 阅读3分钟

前言

不积跬步无以至千里,不积小流无以成江海。学如逆水行舟,不进则退。我是平平无奇游荡于各平台的搬运工。今天我来给大家讲解一下Flutter环境搭建ForMac,万事开头难,很多人学Flutter往往难在了第一关,所以今天就无偿分享给大家了,希望各位看官有所帮助,文章最后有惊喜!!!

Flutter

 关于Flutter的介绍我这⾥就不多说(看官⽹),如果你已经了解过了,那么这篇⽂章正好针对移动开发者,开启Flutter之旅。 
 本次版本:
 电脑系统:Mac OS X 10.15.6
 FlutterSDK 2.2.3
 

01安装Fluter

这⾥的步骤其实和官⽅的差不多,⼤家也可以直接参考官⽹flutter.dev/

1.1 下载Flutter的SDK

1.1.1 进⼊官⽹ flutter.dev/

QQ截图39.png

1.1.2 选择对应系统

QQ截图40.png

1.1.3 选择最新版本压缩包下载

www.yuque.com/qingjiaowoh…

QQ截图41.png

1.2.4 解压SDK包

QQ截图42.png

1.2 配置环境变量

1.2.1 配置镜像

因为Flutter 在运⾏的时候,需要去官⽅下载所需要的资源.那么没有“梯⼦”的伙伴你会需要镜像服务器,以下是

官⽅⽂档的友情提示。

QQ截图43.png 来到你对应Shell的配置⽂件进⾏配置。

如果你使⽤默认的bash那么配置~/.bash_profile

如果你使⽤zsh(Mac新系统默认是zsh)那么配置 ~/.zshrc

QQ截图44.png

1.2.2 配置Flutter环境变量

接下来,将Flutter命令⾏⼯具的路径配置⼀下。还是对应Shell的配置⽂件中

QQ截图45.png 配置完成后,重新打开终端或者输⼊命令载⼊配置

QQ截图46.png 那么接下来!我们可以看看Flutter是否配置完成了。Flutter有⼀个doctor检测指令。专⻔⽤于检测你的Flutter环境的。

QQ截图47.png 打钩就是配置OK了. 叉叉就是还没有配置好的.

我们最终要看到下图就...解决了差不多了。

QQ截图48.png

那么接下来.我们安装!Android Studio!

02配置安卓环境

2.1 安装Android Studio

我们先安装Android Studio可以去国内官⽹ developer.android.google.cn/studio 下载

QQ截图49.png

2.2 配置SDK

根据安装向导,我们需要安装Android SDK, Android SDK Command-line Tools, and Android SDK

Build-Tools,安装过程⽆需翻墙。我们也可以进⼊偏好设置 CMD + , 如下图安装

QQ截图50.png

2.3 安装Android Studio的插件

QQ截图51.png

QQ截图52.png

  • 安装完成后重启Android Studio。可以看到有这样的界⾯

QQ截图53.png

2.4 解决JDK的问题

QQ截图54.png

2.5 解决许可证问题

QQ截图55.png

2.6 配置安卓的模拟器

我发现安卓⾃带的模拟器不好⽤。原因主要是因为....太丑。选择了⼀款国内的“夜神”模拟器,其实类似的安卓模

拟器有很多,选择它主要是因为它有Mac版本。

QQ截图56.png

QQ截图57.png

2.7 解决Gradle卡主问题

那么在⾸次运⾏的时候,你会发现卡在这不动了。原因是Gradle的Maven仓库在国外...... 然后你就懂了。

QQ截图58.png 解决它⽐较简单的操作就是镜像。配置如下:

2.7.1 修改项⽬下的 build.gradle⽂件
  • ⽂件路径:项⽬ --> Android -->build.gradle ⽂件

  • 修改内容:找到buildscript 和allprojects 将⾥⾯的:

QQ截图59.png

修改为阿⾥云镜像

QQ截图60.png 如下图

QQ截图61.png

2.7.2 修改Flutter安装⽬录中的flutter.gradle⽂件
  • ⽂件路径:flutter/packages/flutter_tools/gradle/flutter.gradle

  • 修改内容(加⼊阿⾥镜像):

QQ截图62.png

总结

今天的分享就到此为止了,希望这篇文章可以帮你跨出第一步。增添你继续学习去的勇气。如果看到这里你还是不会,可以加入**圈子**,找我领取视频教程和更多的学习资料,我也会免费分享。有疑问也可以互相讨论,互相学习,互相进步。如果对你有小小帮助的话,可以点赞和关注哦,让更多人看到,给需要帮助的人提供帮助。