简介

技术类型 UI渲染方式 性能 开发效率 动态化 框架代表
H5 + 原生 WebView渲染 一般 高 支持 Cordova、Ionic
JavaScript + 原生渲染 原生控件渲染 好 中 支持 RN、Weex
自绘UI + 原生 调用系统API渲染 好 Flutter高, Qt低 默认不支持 Qt、Flutter

搭建环境

1.安装

注意点：如果你要在 Apple 芯片的 Mac 电脑 上使用，你还需要安装 Rosetta 2 环境因为 一些辅助工具 仍然需要，你可以通过手动运行下面的命令来安装：

1
sudo softwareupdate --install-rosetta --agree-to-license

具体安装流程可以查看官网 官网地址

2.Flutter SDK

  • 通过github clone
  • 直接下载压缩包

3.环境变量

open ~/.base_profile

export PATH="$PATH:[PATH_OF_FLUTTER_GIT_DIRECTORY]/bin" 其中的 [PATH_OF_FLUTTER_GIT_DIRECTORY] 更改为你flutter路径

source $HOME/.bash_profile 刷新配置

echo $PATH 查看配置

which flutter 检查是否配置成功

4.开发工具选择

  • vscode - 轻量级
  • android studio - google 推荐

5.插件市场

pub-dev

Dart 语言

Dart 语言简介
Dart 语言