美文网首页
Flutter 学习之旅(一) -- Mac 系统下开发环境搭建

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

作者: RWz_my | 来源:发表于2019-03-15 12:48 被阅读0次

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

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

    相关文章

      网友评论

          本文标题:Flutter 学习之旅(一) -- Mac 系统下开发环境搭建

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