Flutter 是谷歌公司开发的一款开源、免费的移动 UI 框架,可以让我们快速的在 Android 和iOS 上构建高质量 App。它最大的特点就是跨平台、以及高性能。
Flutter 基于谷歌的 dart 语言,如果没有任何 Dart 语言的基础,不建议直接学习 Flutter。建议先学习 Dart 语言的基本语法。然后再进入 Flutter 的学习。
Flutter 是谷歌基于 Dart 语言开发的一款跨平台的移动 App 开发框架。它针对的开发者是全 部开发者。它的性能相比 RN、Ionic 这样的框架要好一些,但是现在的手机设备上是看不出 任何区别的。
由于谷歌的推广,以及国内阿里的闲鱼 App 是 Flutter 开发的。所以 Flutter 目前(2019 年 5 月 22)关注度非常高的框架。
win7环境搭建
首先搭建java环境
下载安装 FlutterSDK,去官网下载Flutter安装包,下载地址:https://flutter.dev/docs/development/tools/sdk/releases
配置环境变量
mac环境变量配置
压缩包下载好以后,找个位置进行解压。这个位置很重要,因为下面配置环境变量的时候要用到。比如你配置到了根目录下的app文件夹。
1.打开终端工具(这个我就不用写了吧),使用vim进行配置环境变量,命令如下:
vim ~/.bash_profile
在打开的文件里增加一行代码,意思是配置flutter命令在任何地方都可以使用。
export PATH=/app/flutter/bin:$PATH
提示:这行命令你要根据你把压缩包解压的位置来进行编写,写的是你的路径,很有可能不跟文章一样。
配置完成后,需要用source
命令重新加载一下 ,具体命令如下:
source ~/.bash_profile
完成这步以后,就算flutter的安装工作完成了,但是这还不能进行开发。可以使用命令来检测一下,是否安装完成了。
flutter -h
检查是否安装成功
由于国内的原因,需要设置环境变量
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
进行Flutter doctor 的测试
在终端中输入flutter doctor
开发工具
1:vscode 轻量级
VSCode安装Flutter插件:
2:Android studio重量级
连接模拟器,运行项目
flutter run