macOS上搭建Flutter开发环境,配置Android Studio

2020-08-2514:08:43APP与小程序开发Comments1,806 views字数 2101阅读模式

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

正文

什么是Flutter

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

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
    macOS上搭建Flutter开发环境,配置Android Studio

    当时小编报了很多错,看的小编一脸懵逼,但是按着提示一步步来安装最后还成功了。分享一个小编遇到的问题:在更新libimobiledevice的时候报了一个“Requested 'libusbmuxd >= 1.1.0' but version of libusbmuxd is 1.0.10”的错,最后按照以下方法解决,参考文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20122.html

    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
    macOS上搭建Flutter开发环境,配置Android Studio
    macOS上搭建Flutter开发环境,配置Android Studio

    安装flutter的Android Studio启动之后文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20122.html

    macOS上搭建Flutter开发环境,配置Android Studio

    现在Android Studio已经配置成功让我们创建一个Flutter应用吧文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20122.html

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

      至此,我们的Flutter环境已经安装好了,Android Studio也配置成功。

作者:年糕妈妈技术团队文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20122.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/xcx/20122.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定