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

最新文章

  1. Javascript模块化编程(三):require.js的用法 作者: 阮一峰
  2. netbeans使用技巧总结+快捷键大全
  3. SVN使用(一)
  4. 2817 Tangent的愤怒 - Wikioi
  5. PHPExcel 生成excel统计表格
  6. Java设计模式--Java Builder模式
  7. Problem B: 大整数的加法运算
  8. Python多线程操作
  9. Truck Adblue Emulator For SCANIA
  10. 雅礼集训【Day6-1】字符串
  11. thinkphp 5.1 同时选中多个文件上传
  12. 使用filter对请求设置编码
  13. js时间戳差值转日期格式
  14. jdbc连接获取表名称
  15. 用 SQL 对关系型数据库进行查询
  16. 从setTimeout谈js运行机制
  17. PAT——1033. 旧键盘打字
  18. Vue.js实现数据的双向数据流
  19. Struts2 + MySQL 实现分页
  20. webpack打包图片资源找不到问题

热门文章

  1. cmd xcopy进行远程复制
  2. SpringCloud组件相关
  3. 《BUG创造队》作业9:【Beta】冲刺 Scrum meeting 3
  4. ES基本搜索(1)
  5. SSM自测错题解析
  6. flask入门脚本解释
  7. Shell脚本之sed的使用
  8. 【概率论】6-1:大样本介绍(Large Random Samples Introduction)
  9. 记录一个webstorm的设置或者说小技巧
  10. Linux下的find命令详解