Mac搭建Flutter开发环境

图片发自简书App

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。

Flutter在18年很火的样子,要赶超 React Native的感觉,所以19年春节刚过,我就开始入门了,目前正在学习阶段,路过的大牛多多指导呦。学习新的开发语言,第一步,肯定是要搭建开发环境喽,通过两次的搭建经历,遇到了一些问题,用文章记录一下,方便以后翻看,也可以给新手提供一些帮助。

环境搭建

1.下载Flutter

推荐去官网下载,可以下载最新的SDK,网址:
https://flutter.io/setup-macos/

2.配置环境变量

先把刚才下载的zip包,解压缩到你想要配置的文件夹下,然后使用命令行配置环境变量。

vim ~/.bash_profile

增加一行

export PATH=/app/flutter/bin:$PATH

/app/flutter/bin 为解压文件路径,如笔者的:

export PATH=/Users/MinJing_Lin/iOS/flutter/bin:$PATH

保存(:wq)完毕之后运行命令:

source ~/.bash_profile

这个时候就可以运行Flutter 命令行了,会展示Flutter命令帮助。

flutter -h
3.检查环境
flutter doctor
图1.png

如果有 ✗ 标志,表示本行检测不通过,需要做一些设置或者安装一些软件。

如果Android Studio没有安装,可以先装下(Mac版)。Android Studio下载地址:http://www.android-studio.org/

4.安装安卓环境
flutter doctor --android-licenses

这里界面会要求输入Y/N,一路输入Y就行了。

打开Android Studio,打开plugin,输入flutter搜索,点击install,安装Flutter插件时,会自动下载Dart语言,安装完成后重启Android Studio。

图2.png
5.安装iOS环境
brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy
brew install cocoapods
pod setup

如果资源brew update 太慢,没动静,可以替换一下镜像,使用中科大的镜像
第一步,替换brew.git

cd "$(brew --repo)"
git remote set-url origin https://mirrors.ustc.edu.cn/brew.git

第二步:替换homebrew-core.git

cd "$(brew --repo)/Library/Taps/homebrew/homebrew-core"
git remote set-url origin https://mirrors.ustc.edu.cn/homebrew-core.git
6.配置环境变量

如果在国内,你懂的,还需要设置一下pub源,不然就不能愉快的使用别人写的库。

运行

vim ~/.bash_profile

增加

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

保存退出,然后运行

source ~/.bash_profile

至此,我们的环境就搭建完毕了,可以愉快的开发了。

开启flutter“Hello world”之旅

打开 Android Studio ,选择“Start a new Flutter project”


图3
参考链接

https://flutterchina.club
https://segmentfault.com/a/1190000014845833
https://www.jianshu.com/p/9617bd923159
https://blog.csdn.net/JerryWu145/article/details/86214908

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原生Android开发环境配置 原生Android开发环境变量JAVA配置,可以百度搜索JDK去甲骨文官网下载或者...
    想要的都没有阅读 1,509评论 0 1
  • 官方网址:https://flutter.io/ Flutter中文网:https://flutterchina....
    仅此而已_A阅读 3,590评论 0 4
  • 在理发店待了一个下午,看到一个妈妈带着一个五岁左右的小男孩进来,说是自己白头发太多,所以要染发。 ...
    emilyhappy阅读 252评论 0 0
  • “爸,我给你买了些补品,听说效果特别好,还有你最喜欢的老白干,哦!还有你一直叨念的北京烤鸭, 我特意去北京买的!”...
    心莲0205阅读 183评论 2 3
  • 今天需要从的 hbase 使用 sql 来查询数据,于是想到了使用 phoenix 工具,在自己的环境里大概试了一...
    kongxx阅读 3,066评论 0 1