flutter(1):整理学习资料,搭建环境,开始学习flutter 1.5.4

前言


本文的原文连接是: https://blog.csdn.net/freewebsys/article/details/90274515
未经博主允许不得转载。
博主地址是:http://blog.csdn.net/freewebsys

1,关于flutter


flutter 是一个非常不错的跨平台解决方案。
只需要编写dart 语言就可以直接写多端应用了。前途无量。还是google 大神厉害。

官方网站: https://flutter.dev https://flutter-io.cn/
跨平台开发框架 Flutter,用于 Fuchsia(谷歌下一代操作系统)、Android、iOS 和 Web 开发,使用 Skia 2D 图形引擎、Dart 语言,GUI 一般采用质感设计(Material Design)。
解决现有开发中的问题。
1)原⽣性能 渲染⽅式、AOT、⽆锁GC
2)快速开发 亚秒级,有状态的热重载
3)统⼀的应⽤开发体验 两端⼀致的开发⽅式,MD和iOS⻛格
4)⾮常⼤可能成为下⼀代主流跨平台框架

2,安装sdk


https://flutter.dev/docs/get-started/install/macos

最新版本是 flutter_macos_v1.5.4-hotfix.2-stable 解压缩到 ~/flutter 目录下。sdk 不小,zip包就 500MB呢。
然后mac 配置环境变量在 :

sudo vi  /etc/paths
增加flutter 目录:
/Users/xxxxx/flutter/bin

然后退出命令行。就可以使用了。
执行 flutter doctor

...
[✓] Android Studio (version 3.3)
[!] IntelliJ IDEA Community Edition (version 2019.1)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.

可以检查到我的 android studio 版本呢,还没有安装插件。但实际上安装了。估计不是罪新颁布的。

然后在安装 android studio 最新的是 3.4 版本。
https://developer.android.com/studio/releases/?utm_medium=studio-assistant&utm_source=android-studio
flutter 热加载:
https://flutter.dev/docs/development/tools/hot-reload

3,启动感受


在这里插入图片描述
创建一个flutter 项目
然后开启虚拟机。点击run。需要大概等 3分钟,gradle 编译下载初始化啥的慢。
然后就可以了。修改啥文件瞬间就加载了。不到 1 秒钟时间。

创建的 demo样子:
在这里插入图片描述

Performing hot reload...
Syncing files to device Android SDK built for x86...
Reloaded 1 of 440 libraries in 335ms.

在这里插入图片描述
apk包大概是 33 mb。

4,总结


flutter 看着代码和 ide 的功能都非常的方便,代码和java JavaScript 都差不多。注意下特殊的语法就行了。
然后多看视频资料。官方网站就可以进行开发了。

【技术胖录制的免费视频】
https://www.bilibili.com/video/av35800108

本文的原文连接是:
https://blog.csdn.net/freewebsys/article/details/90274515

博主地址是:http://blog.csdn.net/freewebsys

发布了624 篇原创文章 · 获赞 259 · 访问量 208万+

猜你喜欢

转载自blog.csdn.net/freewebsys/article/details/90274515