1、 开发工具的选择
VsCode
配置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
exportFLUTTER_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 flutterdoctor --verbose
2、删除老版本的flutter sdk ,下载安装最新版本的flutter sdk
然后重新配置环境变量然后再执行flutterdoctor.
解决方法:
1、下载安装android studio
安装过程中的配置
然后配置android SDK的环境变量:
ExportANDROID_HOME="/Users/liminhua/Library/Android/sdk"
exportPATH=${PATH}:${ANDROID_HOME}/tools/bin
exportPATH=${PATH}:${ANDROID_HOME}/platform-tools
并且同步zshrc文件。
执行flutter -h
执行flutter doctor
提示错误:
解决方法:
执行flutter doctor –android-licenses
接下来一系列如下的提示全部选择y
再次执行flutter doctor只剩下如下的错误:
解决方法:
再次执行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