开始使用flutter 环境搭建

1、开发工具的选择

配置VsCode：安装插件flutter、Dart和code runner。

2、下载安装flutter SDK。

https://flutter.dev/docs/development/tools/sdk/releases#macos

配置环境变量：

vim ~/.bash_profile

esc

:wq退出保存，如果提示只有只读权限，那么先:set noreadonly 然后:wq

保存环境变量： :w

关闭并重新打开环境变量：source ~/.bash_profile

 

由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中：

export PUB_HOSTED_URL=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

添加flutter相关工具到path中：

export PATH=`pwd`/flutter/bin:$PATH

pwd指下载的flutter sdk文件路径。

执行flutter doctor命令检查环境变量是否成功。

提示：zsh: command not found: flutter

单次解决方法：source ~/.bash_profile （只对当前窗口有效，关闭之后无效）即执行该命令之后执行flutter doctor可以通过。

永久解决方法：使zsh有和bash_profile同样的环境变量配置。

检测是否有.zshrc文件。执行命令open ~/.zshrc

如果提示不存在则创建一个：vim ~/.zshrc

再执行open ~/.bash_profile 打开bash_profile文件复制里面的内容copy到zshrc文件。

再执行source ~/.zshrc

运行flutter -h查看配置是否成功。

 

Flutter doctor命令

检查是否已经正确的设置了并且可以自动的更新和下载相关的依赖，如果全部配置正确的话会有如下提示：

目前报错提示如下：

解决方法：

1、删除flutter的缓存文件

rm -rf ~/flutter/bin/cache flutter doctor --verbose

2、删除老版本的flutter sdk ,下载安装最新版本的flutter sdk。

然后重新配置环境变量然后再执行flutter doctor

解决方法：

下载安装android studio

安装过程中的配置：

然后配置android SDK的环境变量：

Export ANDROID_HOME="/Users/liminhua/Library/Android/sdk"

export PATH=${PATH}:${ANDROID_HOME}/tools/bin

export PATH=${PATH}:${ANDROID_HOME}/platform-tools

并且同步zshrc文件。

执行flutter -h

执行flutter doctor

提示错误：

解决方法：

执行flutter doctor –android-licenses

接下来一系列如下的提示全部选择y

再次执行flutter doctor 只剩下如下的错误：

解决方法：

安装Chrome浏览器

再次执行flutter doctor。

成功了。

接下来可以创建一个flutter项目。

创建：flutter create helloflutter

要在iphone模拟器上运行需要 open -a Simulator

运行在真机上：flutter run -d 模拟器id

Run出现这个原因是因为项目所在目录和运行的目录不一样。

解决：cd 项目文件名 比如：cd helloflutter 然后flutter run。

运行到模拟器：

查询已有哪些可用的模拟器：

flutter emulator

指定在启动某个模拟器，然后执行flutter run，就可以运行在该模拟器上了

flutter emulator --launch apple_ios_simulator

flutter run

或者

flutter emulator --launch Pixel_2_Edited_API_30

flutter run