• flutter系列(一)----- 开发环境搭建


    flutter刚刚出来的时候,当时前公司团队使用React Native开发出来项目刚刚上线半年多。当时RN刚刚出来的时候,也是相当的火爆。公司也是紧跟时代的潮流。果断使用RN做了新项目,RN出来的时候
    听到最多的一句话就是:一套代码,三端跑。搞得Android、ios、web各个都学。然后在做项目的过程中发现,这个兼容性真的太差了,并且性能和原生比起来不是一个档次。指到后面react netive的作者
    自己都看不下去去了,推翻了以前的代码。所以当flutter出来的时候,我是保持观望的,最近很多朋友使用flutter做项目觉得效果很好。所以果断开始学起来。

    跨平台的框架有很多,像react native、weex、H5+原生混合开发、在加上现在的flutter(后面会写一篇文章来对比一下它们),其中Rn和weex的核心是通过 Javascript 开发,执行时需要 Javascript 解释器,
    UI 是通过原生控件渲染,也就是说他们底层会转成对应平台所需要的的控件,转化过程中会存在差异,就导致了这个兼容性问题了。而H5+原生混合开发,需要webview,而flutter使用的是自己高性能的渲染引擎来绘制widger,
    flutter使用c、c++、dart和Skia(2D渲染引擎)构建的。所以说兼容性,会比其他的好很多。话不多说,今天从头开始。

    先给出flutter的文档 中文版的:https://flutterchina.club/setup-windows/   建议先从头到尾看一遍,知道这是什么东西
    在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

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

    系统要求

    要安装并运行Flutter,您的开发环境必须满足以下最低要求:

    操作系统: Windows 7 或更高版本 (64-bit)
    磁盘空间: 400 MB (不包括Android Studio的磁盘空间).
    工具: Flutter 依赖下面这些命令行工具.
    Git for Windows (Git命令行工具) 地址:https://git-scm.com/download/win

    如果已安装Git for Windows,请确保命令提示符或PowerShell中运行 git 命令。

    这里注意,下载git有时候会很慢很慢,如果有条件的话,翻个墙,就可以了Git怎么安装,大家百度就好了,在命令窗口中输入命令git,有如下这些就说明安装成功,如图

    获取Flutter SDK

    使用git下载Flutter SDK
    命令:git clone -b beta https://github.com/flutter/flutter.git 注意,在下载的过程中如果没有翻墙,那么会很慢很慢,耐心等待即可,下载失败的话,多下几次。

    这里要注意一下,如果下载失败了,你重新打开命令窗口输入命令下载,需要到对应的目录下把这个flutter文件夹给删除,否在会报错。

    Flutter 环境变量配置

    下载好Flutter SDK以后,找到flutter目录,进入到bin层,复制出路径,打开环境变量配置窗口,如图

    环境变量配置完以后打开命令窗口输入命令

    flutter doctor

    有以上内容,表示成功了。
    在这里有个注意的地方:有些人输入这个命令后会报一些flutter 、dart插件没有安装,没有关系,到时候在Android studio安装即可。

    安装flutter、dart插件

    Android studio file --> settings -- > plugins -- > 直接搜索flutter和dart安装,重启即可,不同版本的studio风格不太一样,但是都是一样这样下载的,我这
    边已经下载好了,就直接给大家看看就好了

    重启以后,就可以创建flutter项目了,Android studio file -- > New -- > New Flutter project

  • 相关阅读:
    LA 2038 Strategic game(最小点覆盖,树形dp,二分匹配)
    UVA 10564 Paths through the Hourglass(背包)
    Codeforces Round #323 (Div. 2) D 582B Once Again...(快速幂)
    UVALive 3530 Martian Mining(贪心,dp)
    UVALive 4727 Jump(约瑟夫环,递推)
    UVALive 4731 Cellular Network(贪心,dp)
    UVA Mega Man's Mission(状压dp)
    Aizu 2456 Usoperanto (贪心)
    UVA 11404 Plalidromic Subsquence (回文子序列,LCS)
    Aizu 2304 Reverse Roads(无向流)
  • 原文地址:https://www.cnblogs.com/huangjialin/p/12196319.html
Copyright © 2020-2023  润新知