Flutter篇 (一) 入门

很长的一段时间里,提到移动开发,首先想到的就是ios和android两大阵营,不过最近的一年多里面,发生了些可能会改变移动开发格局的事情,自从Google发布了Flutter1.0 开始 ,到前段时间的Flutter1.2版本 ,Flutter的热度从未消退,号称能同时完美运行在ios和android系统,甚至于Google未来的Fuchsia ,众所周知,android系统从发布时起就一直是在开源,导致android生态环境混乱,再加上欧盟对Google开出的天价罚单,种种迹象表明,android可能真的要被Google弃用了

早在2017年底就看到过有关Flutter的文章,但是当时1.0版本还未发布,终于,在发布了几个beta版本之后,2018年Flutter1.0版本上线了,一直以来Google发布的东西,基本上都会引起轰动,所以Flutter自发布以来,就成了万众瞩目的焦点,今天,是时候分享下Flutter的相关知识了

工欲善其事,必先利其器 , Flutter开发第一步肯定还是环境搭建 ,Flutter中文网 是目前中国最大的Flutter学习社区 ,也可以访问Flutter官方平台 ; 本篇介绍的是windows环境下的配置步骤

1. 设置Flutter镜像(上海交大)
如果你的网络没有被和谐,那么请忽略使用镜像 ; 在windows(mac环境下是export)用户环境变量中配置以下路径

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

2. 获取Flutter SDK
与android不一样的是,Flutter需要自己的sdk,Github上面可以下载 ,这是官方发布的版本

3 . 配置环境变量
下载完SDK后,将flutter的bin目录配置到环境变量中

4. 环境检测
打开系统命令行cmd , 运行flutter doctor检测本地环境

可以看到,上面列出了4项配置,而且前面都是以对号开头的 , 因为我已经配置过了,所以都是对号,但是如果你没有配置 过,会在Flutter plugin 和 Dart plugin 前面显示 × 的 , 因为Flutter开发语言是Dart,所以这时候就需要你启动 AndroidStudio配合设置了

打开AS后,依次点击工具栏的 file/settings/plugins/Browse Repositories , 搜索flutter , 点击安装 , 此时会提示你安装dart , 点击同意即可 ,安装完成后重启AS, 此时在命令行终端再次运行flutter doctor ,发现已经配置好了

至此,flutter开发环境已经搭建好了,现在你可以点击AS工具栏的 file /new / New Flutter Project

接下来就跟原生一样的配置了,点击Next设置app信息即可,flutter创建项目会默认生成一些代码,这只是个演示界面,删除即可,Flutter的开发语言是Dart,如果你对Dart还不了解,可以到Dart中文网 补充能量

现在点击Run部署到手机上试试吧

你可能感兴趣的:(Flutter篇 (一) 入门)