本文是flutter学习的第一步,刚开始接触一门语言进行编程的时候,首先要做的是要把语言所依赖的环境搭建好,(虽然有的环境搭建很费劲,比如国内android studio),本文只以macOS为基础搭建,Windows具体搭建,请参考flutter官方文档
系统配置要求
- 操作系统 macOS(64 位)
- 磁盘空间 2.8 GB(不包含 IDE 或其余工具所需要的磁盘空间)
- 命令工具 Flutter 需要你的开发环境中已经配置了以下命令行工具。
bash
curl
git 2.x
mkdir
rm
unzip
which
zip
下载Flutter SDK 并配置环境变量
- 前往官网下载最新的稳定版SDK
下载地址 - 将文件解压到目标路径, (
~/Flutter
是自己创建的一个存放sdk的路径,flutter_macos_1.17.5-stable.zip
是下载的1.17.5版本的flutter sdk)比如:
cd ~/Flutter
unzip ~/Downloads/flutter_macos_1.17.5-stable.zip
- 配置
flutter
环境变量
找到.bash_profile
文件,打开 编辑,添加
#配置国内镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
#Flutter sdk 路径
export FLUTTER_HOME=自己创建的flutter sdk存放路径/flutter
export PATH=$PATH:$FLUTTER_HOME/bin
#dart 语言sdk 路径
export PATH=$PATH:$FLUTTER_HOME/bin/cache/dart-sdk/bin
添加保存以后->终端运行
source ~/.bash_profile
此时flutter 安装完成,我们测试一下,终端运行
flutter --version
如下图所示,配置成功
配置iOS环境
- 如果想为Flutter配置iOS开发环境,需要在我们的电脑上安装一个Xcode,如果没有装,从App Store下载安装,或者从https://link.jianshu.com/?t=https://developer.apple.com/download/more 选择Xcode版本下载安装(需登录Apple id)
-
选择iOS模拟器
安装好Xcode之后,我们选择我们使用的iOS模拟器
打开Xcode,右上角点击Xcode - Open Developer Tools - Simulator
这个时候会打开一个默认的iOS模拟器,也可以在Hardware - Device - 系统版本中选择自己想要测试的模拟器
配置 android 环境
想为Flutter配置Android开发环境,需要在我们的电脑上安装一个
Android Studio
官方下载网址 https://developer.android.com/studio/?utm_source=android-studio 点击下载,双击安装
打开Android Studio
,会问我们是否要设置代理,这是因为下载Android SDK
等在国内不好下载,最好设置代理 ,如何设置代理,百度一下,你就知道。
设置安卓模拟器
打开Android Studio
,在右下方有个设置的图标Configure,点击选择->左下+Create virtual device...->下一步->下一步创建一个模拟器
创建完模拟器,点击启动
开发工具
-
Android Studio
- VS Code
VS Code 添加插件Code Runner
Dart
Flutter
查找安装即可
检测Flutter 安装环境是否正确
终端执行
flutter doctor
解决第二个⚠️,有提示
flutter doctor --android-licenses
执行选择(Y/N),输入Y即可解决第一个错误-根据提示增加sdk
此时终端执行
flutter doctor
只剩一个
Connected device
,是没打开模拟器,打开模拟器,在执行发现没有其他问题了安装过程中,可能还会遇到其他问题,大部分是需要安装的命令工具缺失,根据
flutter doctor
中执行的错误提示,添加即可。
此时,我们的flutter 环境已经安装好了,可以进行语言学习快了的玩耍了 ^_^