《Flutter攻略》之环境搭建

作者: _番茄沙司 | 来源:发表于2017-01-03 15:44 被阅读8728次

系统要求

目前Flutter只能在Mac和Linux(64位)上工作,使用windows的同学可能要借助虚拟机来进行学习。

安装Flutter SDK

这一步其实很简单,就是将Flutter在github上的源码整个clone下来,在适当的目录执行👇命令:

$ git clone https://github.com/flutter/flutter.git
$ export PATH=`pwd`/flutter/bin:$PATH

接着运行:

$ flutter doctor

👆这个命令会告诉你你的flutter还缺少什么依赖,输出如下:

接着运行:

$ flutter

第一次运行flutter它会自动下载一些依赖,并且进行自动编译。随后再次运行flutter就会跳过这些步骤。

Google Analytics的配置

安装完flutter以后google analytics默认是自动打开的,如果有同学不喜欢flutter在后台默默上传你的使用数据和错误信息可以选择关闭:

$ flutter config --no-analytics

Android 环境搭建

Android环境搭建相对简单,这里就不赘述了,做过Android开发的小伙伴应该都有现成的环境。大体步骤是:

  • 安装Android Studio
  • 下载Android Sdk

Android设备

这里使用真机和模拟器都OK,但要注意Android版本要大于等于4.1。

Flutter IntelliJ 插件安装

Flutter提供了IntelliJ的插件,安装方法如下:

首先是安装IntelliJ,官方下载地址

接着需要安装Dart和Flutter两个插件,其中dart用于代码的分析,flutter用于工程的编译等工作:

进入Preference中的Plugins设置模块,点击Browse repositories,查找dart和flutter并安装。

接着在Preferences中的Languages & Frameworks中对dart和flutter进行sdk路径配置。sdk路径参考你的机器。

第一个Flutter App

到这里,Flutter的开发环境基本配置完成,下面我们跑一个小例子。

选择Flutter接着next,

来一个喜闻乐见的hello_flutter,点击Finish。

如果你连接着Android设备的话,右上角就会有此设备的选项,

点击绿色的三角形,我们第一个Flutter app就成功在手机上跑起来了。

用命令行编译hello_flutter

上述flutter的插件给我们提供了方便的编译手段,但如果要编译release怎么办呢?这里就用到了flutter命令。

进入hello_flutter目录下,我们查看一下flutter有哪些命令:


其中正好有我们想要的run命令,接着查看run命令的帮助:

看到这里的release吧,接着使用flutter run --release就能编译出release版本了,release版本的app比debug的app在性能和稳定性上都有所提升。

总结

这篇文章主要和大家学习了一下Flutter的环境搭建和在intelliJ下的使用。在最后还学习了下如何用命令行来编译flutter app。在上一节中的那个官方demo大家不妨自己试着编译一下。其工程路径是flutter/examples/flutter_gallery

相关文章

网友评论

  • 明朗__:这篇写的可以
  • LabanYB:想问下,目前国内使用flutter做开发的人多吗?现在也才是beat版本,有出的APP吗?目前趋势如何?
  • 飞奔的猿猿:执行$ flutter doctor的时候提示:
    Unknown operating system. Cannot install Dart SDK.
    怎么回事啊大神
  • 举头望明月泣:要是只能run lib/main.dart ,怎么办啊大神??
    不能run整个工程
  • 翻滚的前端程序员:安装 Dart-sdk 的时候提示只要安装 flutter-sdk 就包含了dart的sdk。。。。我按官网安装的。。路径不对。
  • 宛丘之上兮:在现有工程基础上能不能混用flutter?比如kotlin和java就混用开发
    _番茄沙司: @sg_vgt 可以的,不过它不算混用,只能通过传递数据的形式通信。
  • 艾幻翔:已经特地为了学flutter买了MacPro~
    魂行道:@金银岛 哈哈,你这个回复很皮
    金银岛:时间已过去一年有余,兄弟现在 flutter 搞得怎么样了?:smile:
    _番茄沙司:@艾幻翔 你厉害了
  • TedYt:这个学习成本优点高啊
    _番茄沙司:@TedYt 是有点,贵在坚持:fist:

本文标题:《Flutter攻略》之环境搭建

本文链接:https://www.haomeiwen.com/subject/arfnvttx.html