一、开发环境配置
1.1下载FlutterSDK
终端执行 git clone https://github.com/flutter/flutter.git
1.2 配置环境变量
编辑~/.bash_profile，将环境变量添加至末尾
如果没有此文件，则创建
touch .bash_profile
创建成功后
open -e .bash_profile
参考链接：https://blog.csdn.net/huxinguang_ios/article/details/78709428
编辑：
FLUTTER_HOME为下载的Flutter文件夹路径
export FLUTTER_HOME=/Users/.../flutter
export PATH=FLUTTER_HOME/bin
export PATH=FLUTTER_HOME/bin/cache/dart-sdk/bin
编辑完成后关闭即保存
1.3刷新环境变量：
source ~/.bash_profile
1.4 开发工具
执行 flutter doctor 缺啥补啥
image.jpeg
在Mac上出现类似结果，就已经可用
二、创建项目
flutter create xxx
项目名称必须全小写，每个单词之间可以有下划线
具体命名规则：https://dart.dev/tools/pub/pubspec#name
创建成功后cd 进入目录 执行（用于原生工程模块化集成flutter）
flutter create --template module xxx
三、运行项目
执行：flutter run
image.jpeg
如果遇到如上报错
解决方案：
1.换国内镜像
参考链接：https://www.jianshu.com/p/e189b44e0136
2.直接搭梯子，笔者选择的是搭梯子
解决访问问题后继续执行 flutter run
image.jpeg
找不到localhost，这是因为flutter会创建三个平台（iOS，Android，web）， flutter run默认运行的是web，如果你对/etc/hosts有更改，有可能会报这个错误，笔者自身是安装了SwitchHosts，打开SwitchHosts，配置一下即可127.0.0.1 localhost
然后继续执行 flutter run，Chrome里看到demo的计数器页面，大功告成
Tips：如果用Xcode运行过此项目，则会优先运行iOS版本，安卓未测试
网友评论