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

2019-03-15  本文已影响0人  RWz_my

一、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 运行

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

上一篇下一篇

猜你喜欢

热点阅读