美文网首页
Flutter 简介

Flutter 简介

作者: bowen_wu | 来源:发表于2020-01-23 16:24 被阅读0次

基本概念

Flutter 是移动应用开发框架,主打跨平台、高保真、高性能。

  • 跨平台自绘引擎
  • 高性能
  • 采用Dart语言开发

框架结构

框架结构

Flutter 开发的大多数场景,只是和 Widget 和 组件库(Material 和 Cupertino)打交道

搭建环境

以下均为 Mac 环境

获取 Flutter SDK

  1. 下载
    Flutter SDK 官方下载地址

  2. 解压
    下载之后解压会得到一个 flutter 文件夹,将此文件夹放置在一个目录下,例如 ~/SDK

  3. 添加 path
    获取到上述 flutter 文件夹的路径为 pwd,将

    export PATH="$PATH:`pwd`/flutter/bin
    

    添加到 ~/.bash_profile~/.zshrc 中,之后重启终端即可

  4. 查看版本
    运行 flutter --version 即可查看当前版本

  5. flutter 分支
    Flutter SDK 有多个分支,如beta、dev、master、stable,其中stable分支为稳定分支,dev和master为开发分支,可以运行 flutter channel 查看所有分支

    flutter channel
    flutter channel master 可以切换 flutter 分支
  1. flutter doctor
    flutter doctor 可以查看当前是否还需要安装其它依赖,如果需要,安装它们即可
    flutter doctor

安装 Xcode

要为 iOS 开发 Flutter 应用程序,您需要 Xcode 9.0 或更高版本。使用Xcode,您可以在 iOS 设备或模拟器上运行 Flutter 应用程序。

常用命令

  • flutter channel => 查看 flutter 分支
  • flutter channel master => 切换 flutter 分支
  • flutter upgrade => 同时更新 flutter SDK 和 flutter 项目依赖包
  • flutter packages get => 获取项目所有的依赖包
  • flutter packages upgrade => 获取项目所有依赖包的最新版本
  • flutter doctor => 展示了有关安装工具的信息
  • flutter run => 在附加设备上运行 flutter 应用程序
  • flutter stop => 停止在附加设备上的 flutter 应用

IDE 配置

IDE 上需要安装 FlutterDart 两个插件

  • Flutter 插件: 支持Flutter开发工作流 (运行、调试、热重载等)
  • Dart 插件: 提供代码分析 (输入代码时进行验证、代码补全等)


    IDEA 配置插件

运行 flutter 项目

从左至右依次为 模拟器、入口文件、运行、停止


IDEA

环境问题

我在安装环境时,遇到的问题都是 cocopods 的问题

  • cocopods 安装问题

    CDN

相关文章

网友评论

      本文标题:Flutter 简介

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