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环境下的配置步骤

  Step1. 使用镜像

    如果你能科学上网,那么请忽略使用镜像 ; 在windows(mac环境下是export)用户环境变量中配置以下路径

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

    Step2. 获取Flutter SDK 

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

    Step3 . 配置环境变量

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

      

     Step4.  环境检测

      打开系统命令行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部署到手机上试试吧

  • 12
    点赞
  • 95
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

@Foritee

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值