flutter

发表于 更新于 分类于 本文字数： 1.5k 阅读时长 ≈ 1 分钟

Flutter

Google 开发的基于 Dart 跨平台桌面开发框架。

Resource

资源 类型 组织
flutter dev doc flutter
flutter cn dev doc flutter
dartpad dev tool online flutter dev environment

Devcontainer

推荐使用 Devcontainer 配置开发环境。

1
2
3
4
5
6
7
8
9
10
11
12
{
  "name": "Flutter Dev Container",
  "image": "google/dart:latest",
  "extensions": [
    "dart-code.dart-sdk",
    "dart-code.flutter"
  ],
  "settings": {
    "dart.sdkPath": "/usr/lib/dart",
    "dart.flutterSdkPath": "/usr/lib/flutter"
  }
}

Quickstart

development

links:

dart SDK

  • 下载 dart sdk

  • 解压到任意文件夹下

  • 添加 bin 路径到环境变量

  • 检查

    1
    2
    PS C:\Users\MSClock> dart --version
    Dart VM version: 2.4.0 (Wed Jun 19 11:53:45 2019 +0200)

flutter SDK

  • 解压安装 建议不要安装到权限过高的路径

  • 设置 bin 环境变量

  • 设置 flutter 镜像

plugins

  • VsCode

    • dart
    • flutter

模拟器

  • 推荐雷电模拟器

Samples

  • https://github.com/flutter/samples

    • provider_shopper: A Flutter sample app that shows a state management approach using the Provider package.
    • provider_counter: The starter Flutter application, but using Provider to manage state.
    • compass_app: An app simulates a real-world and feature rich flutter development experience conforming to MVVM.

Packages

widgets

state management

tools

searialization

route

i18n