安装Flutter其实就五个步骤：下载安装包 - 设置Path环境变量 - 执行flutter doctor - 配置Xcode - 下载VS Code并配置
一、下载安装包
1.下载Flutter SDK
查网资料介绍下载SDK的方式有两种,我选择的是从这里直接下载的最新稳定版本(v1.12.13 + hotfix.8)
2.下载完成后放在自己指定文件夹内并解压.
image.png
小结:这里没什么难度,就是下载SDK并且解压
二、设置Path变量环境
1.从菜单栏前往--->前往文件夹...
image.png
2.展示隐藏文件(指令:
command + shift + 。 隐藏指令也是这个),打开编辑.bash_profile文件
image.png
3.设置环境变量(在
.bash_profile中加入以下配置)
export PATH=/Users/sj/app/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
注:/Users/sj/app 这是我的Flutter文件夹位置,需要更换为自己的地址,然后保存
4.运行以下指令
source ~/.bash_profile
5.通过运行flutter/bin命令验证目录是否在已经在PATH中:
echo $PATH
image.png
三、执行flutter doctor
image.png
查看需要安装其它依赖项来完成安装,首先我是做iOS开发的, 我已经下载xcode,另外我已经下载vs code,所以我选择先解决Xcode,vscode,真机设备等这几项问题.
1.首先解决Xcode的配置问题,按照提示指令,其实就是选择一个Xcode的版本,所以按照下图选一下就可以了.
image.png
2.接下来解决VS Code的问题,其实就是下载Flutter插件
61582856725_.pic_hd.jpg
3.Xcode真机设备添加这里就不做详细记录了,因为涉及到苹果开发者账号以及证书制作相关的问题.
接下来重新运行flutter doctor,现在应该就剩下Android 环境的配置了
image.png
四、在苹果模拟器上运行flutter项目
现在我就可以通过VS Code创建flutter项目了,怎么创建不做记录了,可以参照flutter中文网,然后体验一下热重载功能.
image.png
下一篇主要记录一下配置Android环境时遇到的Android license status unknown问题
