Flutter开发环境搭建这一篇就够了

3 篇文章 0 订阅
1 篇文章 0 订阅

软硬件环境:
操作系统:macOS Catalina 10.15.6
磁盘空间:512 GB
内存:16 G
一.下载及配置flutter sdk
1.开始下载flutter sdk操作步骤如下
    1.官网下载(需要翻墙)
    2.通过国内镜像下载,个人推荐使用清华镜像,速度非常快
    3.百度云链接(作者上传的1.20.3版本): https://pan.baidu.com/s/1DTPo1jaxfDTBOqA4TqKy6Q  密码: gj25
2.解压文件到指定目录(我这里放到development下)
如果没有development目录,创建一个目录 使用mkdir(Linux与Mac用户)

cd ~/development
unzip ~/Downloads/flutter_macos_1.20.2-stable.zip

3.配置 flutter 的 PATH 环境变量
如果只在当前终端有效,关闭之后清除环境变量,如下配置
终端输入 export PATH="$PATH:`pwd`/flutter/bin" 这里的pwd是当前所在目录
以上是当前终端有效,下面讲解一下配置永久生效,实现任意一个命令行会话中使用 flutter 命令。
首先确定你的终端是哪种类型的,如何确定呢?(针对mac电脑)


可以看到上面写了zsh,说明默认使用的是z shell,macOS Mojave 或 Mojave 之前的系统里,是默认使用 Bash 的,所以需要修改 $HOME/.bashrc 文件。 macOS Catalina 操作系统默认使用 Z Shell,所以需要修改 $HOME/.zshrc 文件。请知晓,如果你使用不同的 shell,文件目录或文件名可能会有所不同。
这里的$HOME 指的是你的用户目录,用我的电脑举个例子,我的用户名是antonio,所以
$HOME=/Users/antonio,所以$HOME/.bashrc=/Users/antonio/.bashrc
$HOME/.zshrc=/Users/antonio/.zshrc 我的电脑是Catalina系统,默认终端使用的z shell,所以默认的目录配置环境变量的文件是/Users/antonio/.zshrc
使用vi或者echo 命令将环境变量写入到.zshrc文件中
这里配置好了之后下次下次启动终端或新开终端之后就会有flutter指令了,但是当前已打开的终端并没有生效,这时候我们可以刷新当前终端使用source命令来刷新
如果你的是bash shell这里修改成对应的文件.bashrc就行了
source /Users/antonio/.bashrc 默认系统使用Bash的刷新指令
source /Users/antonio/.zshrc 默认终端使用Z Shell的刷新指令
二.环境检查
上面我们已经配置好了sdk,下面我们使用flutter命令来给我们做一些检查工作
doctor命令,这里doctor名字取得非常到位‘医生’,帮我们诊断我们的环境配置是否有问题,如果有问题会给出相应的提示,按照操作
我这里已经操作过了,所以这里的结果都☑️,具体操作这里就不详细介绍了,下面我们开创建项目
三.创建项目
使用flutter create 项目名,例如下面

有很多人可能这一步会卡在flutter pub get这一步,因为这里拉依赖的时候服务器在国外,所以比较慢,这时候可以使用清华镜像替换pub同步的地址
export PUB_HOSTED_URL="https://mirrors.tuna.tsinghua.edu.cn/dart-pub"
或者使用
echo 'export PUB_HOSTED_URL=https://mirrors.tuna.tsinghua.edu.cn/dart-pub' >> ~/.zshrc


执行完毕之后同样适用source命令刷新当前终端在使用flutter create  创建项目这样创建项目非常快,结果如下


下面我们运行这个项目,首先进入hello_world目录,然后执行flutter run

很多人会被卡在assembleDebug很长时间并且跑不起来,这里顺便跟大家讲下原理,assembleDebug是gradle task中构建Android的,为什么会卡住呢?对于老鸟来说这里可能已经是什么原因了,然道又是墙的原因吗?是的,不得不说有些开发相关的工具确实很多时候都是需要楼梯的,为了解决这个问题,这里有几种解决方法,首先打开项目的的android/gradle/wrapper/gradle-wrapper.properties文件如下改成你本地下载过的gradle版本,或者用浏览器打开下列的地址下载文件,如果还是不行,这里我把常用版本的Grade上传到我的云盘了,分享给大家:链接: https://pan.baidu.com/s/1f9vhGwlHVxLEguWhKjkb1A 密码: h58f


打开.gradle缓解目录~/.gradle/wrapper/dists,通过文件管理打开,或者通过open命令打开都行,找到对应的版本点进去


进入5.6.2下的缓存发现有两个文件说明下载不下来,这时候把我们离线下载好的gradle文件放入到这个文件


将下载好的gradle文件放入到这个文件,如下


在执行flutter run指令你会发现这个目录下会自动解压如下图所示


,这时候gradle版本问题解决了,但是你会发现还是卡在那,why?为什么呢,为什么还不能构建,这时候又是另外一个问题了,这个是gradle构建Android项目拉取Android依赖库出现了问题,这时候打开项目中android/build.gradle文件,加入国内镜像


保存重新执行flutter run命令

如果出现上图,你的环境已经跑通了,恭喜你,你学习并掌握了本篇文章核心内容。
如果大家还有什么不懂的地方或者遇到的其他问题都可以留言告诉我。

本公众号聚焦于『Android开发前沿、生活感悟、妹子图』,欢迎大家关注AntonioShare:
公众号图片

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值