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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,271评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,275评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,151评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,550评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,553评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,559评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,924评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,580评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,826评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,578评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,661评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,363评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,940评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,926评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,156评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,872评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,391评论 2 342

推荐阅读更多精彩内容

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