美文网首页
【Flutter踩坑自学记】Flutter Mac环境搭建

【Flutter踩坑自学记】Flutter Mac环境搭建

作者: 丨不學無術丨 | 来源:发表于2020-04-29 23:00 被阅读0次

最近换了公司,配了一台新电脑,所以需要重新配置环境
如果就配这一次就不需要写一下环境搭建了

我心中总想把我服役4年的Macbook以旧换新
所以总结一下,方便下次快速搭建

1、下载Flutter的SDK,推荐git

直接下面语句在终端输入即可,需要提前安装git

 export PUB_HOSTED_URL=https://pub.flutter-io.cn
 export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
 git clone -b dev https://github.com/flutter/flutter.git
 export PATH="$PWD/flutter/bin:$PATH"
 cd ./flutter
 flutter doctor

前面两条语句设置镜像源
如果你需要修改成其他镜像源,可在中文官网查看
https://flutter.cn/community/china

第四条语句是将flutter加入到mac的环境变量中。
最后一条语句则是检查flutter是否正确安装,以及对应IDE是否能使用Flutter

如果出现command not found: flutter ,说明.bash_profile没有设置好
需要手动进行设置,操作如下
1、vi进入.bash_profile

sudo vi ~/.bash_profile

2、输入配置信息

export PUB_HOSTED_URL=https://pub.flutter-io.cn 
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH="$PWD/flutter/bin:$PATH"

3、执行.bash_profile,并执行flutter doctor

source ~/.bash_profile

2、编译器配置

当你从来没玩过flutter,执行完flutter doctor基本都会出现如下错误

image.png

问题:Android toolchain - develop for Android devices
说明我AS的SDK无法找到,
解决方法:
1、因为刚下载在AS,初始化
2、继续执行flutter doctor,可能会出现Android license status unknown问题
3、如果出现,需要到偏好设置-System Setting - Android SDK中取消Hide Obsolete Package,然后下载Android SDK Tools
4、终端执行flutter doctor --android-licenses

问题:Xcode - develop for iOS and macOS (Xcode 11.4.1)
说明我的CocoaPods安装了,但是不能工作
解决方法:
终端执行sudo gem install cocoapods重新安装

问题:Android Studio (version 3.6)
我的AS没有安装Flutter和Dart插件,
解决方法:
进入AS后,在插件市场找到这两个插件下载即可

如果你还有其他IDE,系统会检测该IDE中的flutter环境是否可行;
不可行也会报错,一般只要Xcode和常用开发工具的插件没问题即可。

3、Flutter常用小工具

我使用AS进行flutter开发,下载几个常用的plugins,能够提升不少的开发效率
Flutter Snippets:代码模块
Flutter Enhancement Suite Flutter:代码增强提示
WidgetGenerator:自动生成Widget接口
flutter-img-sync:自动同步照片路径

4、Flutter常用第三方

相关文章

网友评论

      本文标题:【Flutter踩坑自学记】Flutter Mac环境搭建

      本文链接:https://www.haomeiwen.com/subject/wjcnwhtx.html