Flutter 介绍、运行环境

Flutter 是谷歌公司开发的一款开源、免费的移动 UI 框架,可以让我们快速的在 Android iOS 上构建高质量 App。它最大的特点就是跨平台、以及高性能。
Flutter 基于谷歌的 dart 语言,如果没有任何 Dart 语言的基础,不建议直接学习 Flutter。建
议先学习 Dart 语言的基本语法。然后再进入 Flutter 的学习。

Flutter 是谷歌基于 Dart 语言开发的一款跨平台的移动 App 开发框架。它针对的开发者是全 部开发者。它的性能相比 RNIonic 这样的框架要好一些,但是现在的手机设备上是看不出 任何区别的。

由于谷歌的推广,以及国内阿里的闲鱼 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
原文地址:https://www.cnblogs.com/loaderman/p/11115713.html