从搭建环境到创建第一个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
可以通过两种方式进行下载:
- 进入Flutter官网下载,https://flutter.dev/docs/development/tools/sdk/releases#macos(科学上网)
- 去github直接clone,命令:git clone -b dev https://github.com/flutter/flutter.git
配置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工程差不多,肯定难不倒经验丰富的你。