Flutter学习(一):环境搭建

139 阅读2分钟

最近在学习Flutter,准备将过程记录下来。因为我使用的是Mac,所以这边只对Flutter在Mac的相关配置和安装做记录。

安装Flutter SDK

下载地址 可以直接下载最新的稳定版本,也可以到官网的下载页面获取其他的可用版本。

下载下来的是压缩版本,可以解压到自己喜欢的文件夹下面。

因为要在命令行使用flutter命令,我们需配置全局环境变量。

vim ~/.bash_profile

添加如下内容:

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH="$PATH:`pwd`/flutter/bin"

其中pwd代表本地flutter所在的目录。环境变量中同时配置的还有Flutter 源。Flutter 源站在国内不太稳定,因此使用了临时镜像,可以让 Flutter 命令行工具到该镜像站点下载所需资源。

配置完成后,保存文件并退出。然后使用如下命令使环境变量生效。

source ~/.bash_profile

我们可以通过echo $PATH查看地址配置的是否正确。同时通过以下命令验证是否可以使用flutter命令行。

which flutter

安装Xcode

使用flutter开发的项目,我们要在电脑端调试的话,是要装模拟器的。使用ios模拟器,我们安装的是xcode。

AppStore就提供下载,非常的方便。这种方式需要在macOS Catalina 10.15以上的版本上才能成功安装。如果你的系统版本过低,就要先升级。

然后再命令行执行以下命令:

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch

如果不执行的话,flutter就没有办法找到ios模拟器。

安装完毕以后,使用以下命令打开模拟器。

open -a Simulator

然后根据自己的需要,调整设备信息。

安装Android Studio

使用安卓的模拟器,事先安装Android Studio,官网地址

不需要新建项目,直接在Configure 选择 AVD Manager,点击 Create Virtual Device。然后一直下一步,要下载至少一个system images,建议是最新版本,x86 or x86_64。然后下一步选择Hardware - GLES 2.0。最后完成就建了一个模拟器。不同于ios只需要选择,安卓需要自己去创建并下载。

创建并运行项目

新建一个flutter项目

flutter create my_app

进入my_app项目运行才能启动项目

cd my_app

使用flutter emulators命令可以查看当前能够使用的模拟器。

flutter emulators

选择需要在哪一个模拟器运行,将会在运行的时候使用这个模拟器,如果有多个,运行的时候需要根据序号做选择

flutter emulators --launch 模拟器名

在模拟器运行项目

flutter run

这是基本的过程,如果在操作的过程中有问题,可以运行以下命令,查看是否安装相关依赖

flutter doctor

如果在执行命令后迟迟没有结果,多半是网络的问题。我的情况是在公司的内网无法使用,在切换到其他网络后,这个问题就解决了。如果情况类似,可以试一下不同的网络。

参考资料