跨平台UI框架 Flutter 的基本安装(OS)

Posted JavaScript开发者

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了跨平台UI框架 Flutter 的基本安装(OS)相关的知识,希望对你有一定的参考价值。

本月初(2018年12月4日),Google在其Flutter Live 2018大会上正式发布 Flutter 1.0 版本。

Flutter是采用Dart语言进行开发,习惯使用javascript开发应用的朋友上手Dart的难度并不大,甚至会让你感觉对这门语言非常熟悉。

跨平台UI框架 Flutter 的基本安装(OS)

.dart

这里简单聊一下Dart,据说Dart的开发团队起初是想开发一种可以替代JavaScript的语言,不过他们让这门新的语言充分融合了JS语言的优点,这是也为什么两者相像的原因。同时,在Dart身上你也可以发现C语言的影子。正所谓“萝卜青菜各有所爱”,开发者们对Dart也是爱恶两边。

回到正题,运用Flutter我们可以快速在iosandroid平台上构建精致的原生用户界面,得益于React的启发,它也一款响应式框架,采用widget(组件)来构建UI。

提到移动端跨平台UI开发框架,就不得不想到RN。当然我们不会怀疑Google团队的技术实力,但它和React Native究竟差别在哪里,这就需要我们亲自试试水了。

跨平台UI框架 Flutter 的基本安装(OS)

跨平台UI框架 Flutter 的基本安装(OS)

注:本文只是针对mac安装Flutter的过程记录,提供浅显的安装参考!

1. 下载 Flutter SDK

跨平台UI框架 Flutter 的基本安装(OS)

然后,根据选择相匹配的进行下载

  1.1 点击下载最新版本的sdk

  跨平台UI框架 Flutter 的基本安装(OS)

  1.2 解压到你准备用于放置flutter sdk的文件夹

   cd ~/yourfolder

   unzip ~/downloads/flutter_macos_v1.0.0-stable.zip

  1.3 添加flutter工具

以上是关于跨平台UI框架 Flutter 的基本安装(OS)的主要内容,如果未能解决你的问题,请参考以下文章

Google 跨平台 UI 框架 - Flutter

谷歌的开源跨平台移动 UI 框架Flutter

谷歌开源跨平台UI框架——Flutter

低价难得好课-超强移动UI框架实战Flutter跨平台开发课程

Flutter跨平台框架(Dart语言)

Flutter从配置安装到填坑指南详解