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

最新推荐文章于 2024-07-27 14:19:13 发布

AntonioShare

最新推荐文章于 2024-07-27 14:19:13 发布

阅读量620

点赞数

分类专栏： Android Gradle Flutter

本文链接：https://blog.csdn.net/Top_HTC/article/details/108422107

版权

Android 同时被 3 个专栏收录

4 篇文章 0 订阅

订阅专栏

Gradle

3 篇文章 0 订阅

订阅专栏

Flutter

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命令打开都行，找到对应的版本点进去