前言
Flutter最近实在是太火了,所以我迫不及待的想要学习探索一下Flutter,本篇文章作为学习以及记录探索Flutter的过程,那么我们开始吧,从搭建环境开始。
安装Flutter
Flutter官网给出了很详细的安装过程,大家也可以去参考Flutter官网
1.更新HomeBrew
HomeBrew在Mac电脑默认自带这个工具包。我们只需要安装Flutter之前先升级它。
打开你的终端输入命令。
$ brew update
2.下载SDK
下载完毕后得到一个压缩包,解压后是一个Fluttet文件
因为Flutter的SDK中包含了很多的命令行工具。我们就需要配置环境变量,所以建议把这个解压后的Fluttet文件放在根目录(当然根据你的喜好放在你喜欢的地方也行)。
3.配置环境变量
因为Flutter在运行的时候,就需要去官网下载一些需要的资源(需要科学上网)如果没有那我们就需要镜像服务器,官方也给出了温馨提示
然后我们打开终端 使用命令:
cd ~
跳转到根目录(因为我刚才解压的Flutter文件是放在根目录的)
然后使用命令:
vim ~/.bash_profile
使用vim打开这个文件
然后按一下A键进入编辑模式 把下列的三个变量编辑进去
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Users/xxxx/flutter/bin:$PATH
这里的/Users/xxxx/flutter/bin:$PATH 需要xxxx改成你放需要改成你之前存放Flutter文件的目录 然后输入:wq保存退出 然后输入以下命令
source ~/.bash_profile
接着输入:
flutter -h
如果看到以下信息那就是配置成功
4.配置安卓环境
首先我们先去官网下载安装Android Studio
下载安装完毕后,检查一下我们的环境
在终端输入:
flutter doctor
接着终端会打印出信息
这时候我们会发现出了一些问题 这是让你去升级一下SDK
键入命令:
"/Users/h/Library/Android/sdk/tools/bin/sdkmanager" "platforms;android-28" "build-tools;28.0.3"
接下来我们配置一下安卓的环境变量,还是在根目录下找到.bash_profile文件,并在其中添加四个环境变量
export ANDROID_HOME=~/Library/Android/sdk
export PATH=${PATH}:${ANDROID_HOME}/emulator
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
分别是:
- 安卓sdk的路径
- 安卓的模拟器路径
- 安卓tools路径
- 安卓平台工具
接着我们在键入
flutter doctor
这时就安卓配置就完成一半了,接着我们需要配置一下AS的Flutter插件
打开Studio进入偏好设置里面..
安装完毕后 重启Studio
这时候你看到这个选项就算配置插件成功了
然后我们再次检测一下 键入命令 查看是否配置成功
flutter doctor
接着我们配置安卓模拟器 打开Studio 选择模拟器
创建模拟器
选择设备
选择系统 然后就完成了安卓的配置
4.配置iOS环境
首先我们先看一下 IOS报的错误 其实已经给了相关的提示
首先键入命令
brew install ios-deploy
然后键入命令
brew update
brew install --HEAD usbmuxd
brew unlink usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
如果依旧报错那么键入命令
brew link pkg-config
brew install --HEAD usbmuxd
brew unlink usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
然后我们在使用命令检测一下
flutter doctor
此时就大功告成了