flutter刚刚出来的时候,当时前公司团队使用React Native开发出来项目刚刚上线半年多。当时RN刚刚出来的时候,也是相当的火爆。公司也是紧跟时代的潮流。果断使用RN做了新项目,RN出来的时候
听到最多的一句话就是:一套代码,三端跑。搞得Android、ios、web各个都学。然后在做项目的过程中发现,这个兼容性真的太差了,并且性能和原生比起来不是一个档次。指到后面react netive的作者
自己都看不下去去了,推翻了以前的代码。所以当flutter出来的时候,我是保持观望的,最近很多朋友使用flutter做项目觉得效果很好。所以果断开始学起来。
跨平台的框架有很多,像react native、weex、H5+原生混合开发、在加上现在的flutter(后面会写一篇文章来对比一下它们),其中Rn和weex的核心是通过 Javascript 开发,执行时需要 Javascript 解释器,
UI 是通过原生控件渲染,也就是说他们底层会转成对应平台所需要的的控件,转化过程中会存在差异,就导致了这个兼容性问题了。而H5+原生混合开发,需要webview,而flutter使用的是自己高性能的渲染引擎来绘制widger,
flutter使用c、c++、dart和Skia(2D渲染引擎)构建的。所以说兼容性,会比其他的好很多。话不多说,今天从头开始。
先给出flutter的文档 中文版的:https://flutterchina.club/setup-windows/ 建议先从头到尾看一遍,知道这是什么东西
在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:
1 export PUB_HOSTED_URL=https://pub.flutter-io.cn 2 export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
系统要求
要安装并运行Flutter,您的开发环境必须满足以下最低要求:
操作系统: Windows 7 或更高版本 (64-bit)
磁盘空间: 400 MB (不包括Android Studio的磁盘空间).
工具: Flutter 依赖下面这些命令行工具.
Git for Windows (Git命令行工具) 地址:https://git-scm.com/download/win
如果已安装Git for Windows,请确保命令提示符或PowerShell中运行 git 命令。
这里注意,下载git有时候会很慢很慢,如果有条件的话,翻个墙,就可以了Git怎么安装,大家百度就好了,在命令窗口中输入命令git,有如下这些就说明安装成功,如图
获取Flutter SDK
使用git下载Flutter SDK
命令:git clone -b beta https://github.com/flutter/flutter.git 注意,在下载的过程中如果没有翻墙,那么会很慢很慢,耐心等待即可,下载失败的话,多下几次。
这里要注意一下,如果下载失败了,你重新打开命令窗口输入命令下载,需要到对应的目录下把这个flutter文件夹给删除,否在会报错。
Flutter 环境变量配置
下载好Flutter SDK以后,找到flutter目录,进入到bin层,复制出路径,打开环境变量配置窗口,如图
环境变量配置完以后打开命令窗口输入命令
flutter doctor
有以上内容,表示成功了。
在这里有个注意的地方:有些人输入这个命令后会报一些flutter 、dart插件没有安装,没有关系,到时候在Android studio安装即可。
安装flutter、dart插件
Android studio file --> settings -- > plugins -- > 直接搜索flutter和dart安装,重启即可,不同版本的studio风格不太一样,但是都是一样这样下载的,我这
边已经下载好了,就直接给大家看看就好了
重启以后,就可以创建flutter项目了,Android studio file -- > New -- > New Flutter project