阅读 788

Flutter入门学习:Flutter简介以及在macOS上搭建Flutter开发环境

前言

众所周知,一个移动客户端一般都会有iOS和Android两个版本,作为一个移动端的开发人员你肯定有过这样的想法:能不能有个编程语言直接写一套代码可以直接在iOS和Android系统上运行呢?现在这个问题已经得到解决,Google推出的Flutter,可以快速在iOS和Android上构建高质量的原生用户界面,下面跟着小编认识一下Flutter吧!

正文

什么是Flutter

什么是Flutter呢?官网文档是这样介绍的:Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。由此可见移动开发人员可以直接使用Flutter直接开发iOS和Android客户端了。

Flutter的优势

高效率、快速开发

  • 统一的应用开发体验,一套代码可以同时开发iOS和Android应用
  • Flutter的热重载可帮助您快速地进行测试、构建UI、添加功能并更快地修复错误,修复崩溃时可以从应用程序停止的位置继续调试,大大减少开发和debug的时间
  • 访问本地功能和SDK,Flutter允许您复用现有的Java、Swift或ObjC代码,访问iOS和Android上的原生系统功能和系统SDK
  • 现代的,响应式框架,和一系列基础widget,轻松构建您的用户界面。使用功能强大且灵活的API解决艰难的UI挑战

富有表现力,漂亮的用户界面

  • Flutter内置的Material Design和Cupertino(iOS风格)widget、丰富的motion API、平滑而自然的滑动效果和平台感知, 使应用界面更加漂亮,交互更加人性化

安装Flutter

系统要求

  1. Windows
  • 操作系统:Windows 7 或更高版本 (64-bit)
  • 磁盘空间:400 MB (不包括Android Studio的磁盘空间)
  • 工具:Flutter 依赖下面这些命令行工具(Git for Windows (Git命令行工具))
  1. macOS
  • 操作系统:macOS (64-bit)
  • 磁盘空间:700 MB (不包括Xcode或Android Studio的磁盘空间)
  • 工具: Flutter 依赖下面这些命令行工具 (bash, mkdir, rm, git, curl, unzip, which)
  1. Linux
  • 操作系统:Linux (64-bit)
  • 磁盘空间:600 MB (不包括Android Studio的磁盘空间).
  • 工具:Flutter 依赖下面这些命令行工具(bash, mkdir, rm, git, curl, unzip, which)

在macOS上搭建Flutter开发环境

1.获取Flutter SDK

  1. 去Flutter官网下载其最新可用的安装包,下载地址。下载的时候可能需要翻墙,小伙伴们也可以去Flutter github下载安装包下载地址
  2. 在这里小编直接用git下载安装包,并添加Flutter到path中:
git clone -b beta https://github.com/flutter/flutter.git
export PATH=`pwd`/flutter/bin:$PATH
复制代码
  1. 运行flutter doctor
    flutter doctor
    当时小编报了很多错,看的小编一脸懵逼,但是按着提示一步步来安装最后还成功了。分享一个小编遇到的问题:在更新libimobiledevice的时候报了一个“Requested 'libusbmuxd >= 1.1.0' but version of libusbmuxd is 1.0.10”的错,最后按照以下方法解决,参考
    brew update 
    brew uninstall --ignore-dependencies libimobiledevice 
    brew uninstall --ignore-dependencies usbmuxd 
    brew install --HEAD usbmuxd 
    brew unlink usbmuxd 
    brew link usbmuxd 
    brew install --HEAD libimobiledevice
    复制代码

Android Studio配置

  1. 下载安装Android Studio,3.0或者更高版本

  2. 启动Android Studio,然后执行“Android Studio安装向导”

  3. 在Preferences>Plugins中搜索Flutter并点击 install

  4. 安装完成之后重启Android Studio

    flutter
    install
    安装flutter的Android Studio启动之后
    现在Android Studio已经配置成功让我们创建一个Flutter应用吧

    1. 选择 File>New Flutter Project
    2. 选择 Flutter application 作为 project 类型, 然后点击 Next
    3. 输入项目名称 (如 myFirstFlutterApp),选择保存路径,然后点击 Finish
    4. 等待Android Studio安装SDK并创建项目. 6.运行,可以运行到模拟器也可以运行到手机上,下面是小编运行到手机上的截图
      app
      至此,我们的Flutter环境已经安装好了,Android Studio也配置成功。

总结

安装和和配置都不太麻烦,只要细心、耐心应该都没什么难度,主要是翻墙太难受了,小编也是从零开始学习欢迎大家指正。

参考和学习资源

  1. Flutter中文学习官网
  2. Flutter官网
关注下面的标签,发现更多相似文章
评论