flutter安装回顾及资料整理

 

　　Flutter安装及环境搭建

　　Flutter 版本 Stable 2.8.1，Android Studio 版本Arctic Fox

一、Flutter安装

参考：官方安装支持文档

操作系统：macOS (64-bit)

磁盘空间: 700+ MB (不包括Xcode或Android Studio的磁盘空间）.

本操作文档使用系统版本如下图：

1、获取Flutter SDK

下载链接：Flutter SDK releases 或者去官方Flutter github项目下载安装包下载链接

flutter版本号：最新Stable 2.8.1 (更新时间2021/12/17)

Flutter sdk 下载完成之后解压到想要安装的目录，官方示例放在文稿Documents中,后续使用路径同样使用Documents：

如果设置了下载自动解压会看到压缩包及解压后的flutter文件，直接把flutter文件夹拖到Documents文件夹中即可，如果没有解压，可直接包压缩包拖进Documents文件夹进行解压，也可以使用命令进行解压：

cd ~/Documents

unzip ~/Downloads/flutter_macos_2.8.1-stable.zip

完成之后如下图：

2、flutter环境变量配置

打开或创建.bash_profile或者.zshrc文件，在不同的mac上文件路径和文件名可能不同；

命令：
1) open ~/.bash_profile
2) 如果提示没有此文件可创建.bash_profile 文件
进入当前用户的home目录 : cd ~
创建.bash_profile : touch .bash_profile
编辑.bash_profile文件 : open .bash_profile
3) 打开文件之后添加以下行:
export PUB_HOSTED_URL=https://pub.flutter-io.cn #国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn #国内用户需要设置
export PATH=~/Documents/flutter/bin:$PATH
一定要注意PATH 为你安装的flutter路径
4）执行source ~/.bash_profile 刷新当前终端窗口
5）如果你使用的是zsh，终端启动时 ~/.bash_profile 将不会被加载，解决办法就是修改 ~/.zshrc ，在其中添加：source ~/.bash_profile
open ~/.zshrc（没有.zshrc文件创建文件）在文件添加路径的最后加上 source ~/.bash_profile，保存并执行source ~/.zshrc
6) 通过运行flutter/bin命令验证目录是否在已经在PATH中:
echo $PATH

3、flutter依赖安装查看

flutter编译器可使用Android Studio或者VS Code, 这里统一使用Android Studio（官方支持）：

执行flutter doctor 命令查看是否需要安装其它依赖项来完成安装；

该命令检查您的环境并在终端窗口中显示报告。Dart SDK已经在捆绑在Flutter里了，没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务（以粗体显示）

例如：

　　在有问题的依赖中，flutter会有相关提示，按照提示完成安装依赖；

二、Android Studio 环境搭建

参考：google安卓开发者网站

下载链接：https://developer.android.google.cn/studio

根据需求下载Mac版本安装包：

      下载之后安装dmg,安装完成之后打开android studio，如下图：

如果以前安装过并且没有卸载完全，有可能会报出一下问题，如下图

出现的原因是启动之后，会检查默认路径下的Android SDK 是否存在，如果没有的话，就会报上述错误，这个问题可以先跳过，打开android studio之后再安装或更新SDK即可；

启动Android Studio，然后执行“Android Studio安装向导”。这将安装最新的Android SDK，Android SDK平台工具和Android SDK构建工具;

打开之后：

打开之后安装相关插件dart\flutter ;

编译器安装成功之后：

终端执行flutter doctor，可能会出现一下问题

可按照提示执行path/to/sdkmanager --install "cmdline-tools;latest" ，这里的path/to/sdkmanager是只路径，也可以直接打开android studio 的SDK Manager,如下图：

打开SDK Manager->SDK Tools 找到Android SDK Command-line Tools(latest)按照指示一步步安装即可；

 

如果先执行flutter doctor --android-licenses，提示如下，和上面的问题一样

安装tools之后在执行flutter doctor --android-licenses，根据提示同意协议即可；

最后终端执行flutter doctor ，如下图：

终端执行flutter doctor -v 查看更详细信息：

到此flutter环境及编译器基本配置完成；

 　三、Flutter版本更新

执行flutter doctor 查看当前环境，提示有最新版本可更新，按照提示执行flutter upgrade完成更新：

完成之后执行flutter doctor 查看环境；

四、扩展flutter卸载

flutter卸载:

1) 删除flutter SDK安装包；

2) open ~/.zshrc 打开配置文件删除相关路径

3)如果在bash_profile文件中也配置过flutter路径，执行open ~/.bash_profile 查看并删除;

4)执行 source ~/.zshrc 及 source ~/.bash_profile

五、扩展flutter 添加android模拟器

1) 打开公共fluttertest项目，点击工具栏上的安卓手机小图标：如下图：

 

点击creat virtual devices,如下图 选择设备分辨率，咨询安卓同事常用分辨率为1080X1920,如下图：

选择分辨率之后，选择系统版本，咨询安卓同事，选择x86Images中 30 的x86,（选择x86的不卡）如下图：

下载，如下图：

到此安卓模拟器创建成功