Flutter 学习之旅(一) -- Mac 系统下开发环境搭建

一、Flutter 的特点与核心概念

        Flutter 的特点有如下几种:

            1.跨平台 -- 目前已知至少支持的平台有 Windows 、macOS、Linux、android、iOS,甚至支持嵌入式开发,带来的直接好处就是减少开发成本。

            2.性能良好 -- 采用GPU渲染技术,所以性能极高。Flutter 编写的应用可以达到 60fps。

            3.支持插件 -- 通过 Flutter 的插件可以访问平台本地API,如蓝牙、Wi-Fi等。利用现有的Swift、Java、Objective C 以及C ++代码可以实现原生系统的调用。

            4.响应式框架 -- 使用 Flutter 的响应式框架和一系列基础组件,可以轻松构建用户界面。

二、开发环境搭建

            1.下载获取Flutter SDK

                官网地址:https://flutter.io/sdk-archive/#macos


                下载之后解压,存放到一个目录之下,我存放在桌面,目录是 /Users/RW/Desktop/flutter 

                2、使用镜像和配置环境变量

                   国内访问Flutter有时可能会受到限制,Flutter官方良心的为中国开发者搭建了临时镜像,对于我这种没有梯子的可怜人来说真的是感动的一把鼻涕一把眼泪

               会 vim 的终端输入:vim ~/.bash_profile

               不会的vim的:open ~/.bash_profile

                    将以下环境变量加入到用户环境变量中:

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

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

                       export PATH=/Users/RW/Desktop/flutter/bin:$PATH

PATH= XXXX /flutter/bin:$PATH

                    其中 PATH=/ x x x x /flutter/bin:$PATH 为你下载后解压到的路径,上面有提到,我是放在桌面。

                    保存后,记得 source $HOME/.bash_profile 刷新当前终端窗口,使刚刚配置的内容生效。

                   3. 接下来检查环境 

                      终端运行:flutter doctor -v

                    此操作第一次执行时会比较耗时,以后就不会了。完了后出现下图所示,会发现缺少一些其他依赖,就按照提示一个个安装好就行,依次往下安装android studio和Xcode等。个人根据自己的不同而操作不同,比如我这里已经安装了Xcode 等,只需要更新iOS下的依赖和下载 Flutter 插件,按上面所说,依次在终端执行 brew update 、brew uninstall --ignore-dependencies libimobiledevice ...

最后面两个叉提示我android studio需要安装 Flutter 的插件,那么我们打开android studio的偏好设置:



点下载,选yes后,需要一点时间下载


下载完成后会显示:


问题解决完毕后,我们回到终端输入 flutter doctor -v


到了这里先试试 ,重新启动 android studio 后会发现面板上多了一个创建 Flutter 项目的选项。


选中后我们创建一个新的项目,根据提示next,并运行一下我们的第一个Flutter 程序。


最后为 iOS 开发者简单介(啰)绍(嗦)一下 Xcode 的设置

身为 iOS(菜鸡)开发,个人感觉并不用写这最后一点,但又想到为了避免初次接触 Xcode 的小伙伴想要体验一下,还是简单写一下,基本就是这么个步骤:

        1.安装Xcode  -- AppStore 下载或者 https://developer.apple.com/xcode;

        2.App ID;

        3.证书签名 

            打开刚才用 Android Studio 创建的 Flutter 项目的文件夹 -> iOS/Runner.xcworkspace,配置证书签名,初次体验Xcode的小伙伴,可以选择自动签名,如下方4号红色框。当然也可以去苹果开发者中心配置证书

        4.根据提示登陆自己的Apple ID

        5. command + B 编译 - command + R 运行

到这里为止,环境搭建就全部完成啦,接下来就是各位大神们一展身手的时候了。

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

推荐阅读更多精彩内容