开始使用flutter 环境搭建

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

你可能感兴趣的:(开始使用flutter 环境搭建)