从搭建环境到创建第一个Flutter工程

前言

近些年,跨平台开发愈发火热,从Facebook的ReactNative,到阿里的Weex,再到现在Google强力推荐使用的Flutter,每一种跨平台方案都有其优点,在这里暂不讨论。作为一个移动应用的开发者,作者认为应该在坚持原生开发的同时,顺应跨平台技术发展的热潮,了解一些跨平台技术方案,以备于以后有需求的时候可以快速接手开发。
如果你是一个Android开发者且以前没有接触过跨平台开发,那不如试一下Flutter,好处就不说了,反正很多人都知道了是吧,这篇文章将会以简洁的语言教大家如何搭建Flutter开发环境以及创建第一个Flutter应用,废话不多说,开始吧。

配置环境变量

由于在国内访问Flutter受到限制,Flutter官方搭建了镜像供国内开发者访问。

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

在环境变量中加入上面两个,这里拿作者的Ubuntu为例(Windows和Mac开发者配置的话差别不大,如果不会可以自行google),运行下面命令:

  • sudo gedit /etc/profile/ (将上面两个复制到文件里面,这样的话保证每一个用户都可以用,如果要配置临时变量的话只需要打开bash,输入上面两个export)
  • source /etc/profile 保存上面的配置,并立刻生效

下载Flutter并且配置PATH

可以通过两种方式进行下载:

配置PATH

export PATH " 你的flutter在你计算机的位置" 
eg: export PATH "$PWD/flutter/bin:$PATH"

配置Flutter工具

打开bash,运行flutter doctor即可,在 ”Building flutter tool…“ 可能会等到一会儿,如果一直等待,那就要考虑科学上网咯

在Android Studio中配置Flutter

settings->plugins->browse repositories->搜索flutter->install->restart

  • 注:flutter插件已经集成dart,无需另外添加

创建一个Flutter应用

File->New->New Flutter Project按照提示一步一步点击,和创建一个普通的Android工程差不多,肯定难不倒经验丰富的你。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值