zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    IIS配置
    sql表值函数中实现类似split功能
    毕至居预约系统设计图第十二组
    毕至居预约系统研发需求分析——第十二组
    MASA Blazor多页签组件
    关于Linux Oracle下的表空间文件删除不干净的处理方法
    命令行下对apk签名
    android自定义绘制TableLayout,类似.net中DataGrid控件
    使用Arcgis tools fix后Android不能生成Apk包异常解决方法
    SyncML一种平台无关的信息同步标准协议
  • 原文地址:https://www.cnblogs.com/huangjialin/p/12196319.html
Copyright © 2011-2022 走看看