• Flutter学习笔记(1)--环境安装


    flutter最近显得格外的火,公司的同事也一直在谈论flutter,感觉自己不学学就要失业了。。。所以决定顺应潮流学习以下flutter,做一下学习笔记,希望可以给需要的同学带来一些帮助~

    正文为flutter安装教程,如需转载,请注明出处:Flutter学习笔记(1)--环境安装

    一.安装Git for Windows:https://git-scm.com/download/win

    我是一路next安装下来的,安装成功之后通过git bash命令行输入git,如果出现以下内容,则证明安装成功了

    二.更新环境变量

     在用户变量中新建两个变量:

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

    三.下载flutter包,在想要下载的文件夹下右键-->git bash here-->git clone -b stable https://github.com/flutter/flutter.git
    我第一次下载的时候失败了,报错信息为:error: RPC failed; curl 18 transfer closed with outstanding read data remaining原因:由于Http协议错误,当Clone的时候,因为curl的postBuffer默认值太小的原因,而项目可能本身比较大,所以下载失败。

    解决:打开git命令行 输入 git config –global http.postBuffer 524288000,然后可以输入git config –list 查看刚才的设置是否生效。

    再次下载就成功了,成功截图如下:

    下载成功后,将flutter下bin文件夹的全路径配置到系统变量PATH下

    四.安装flutter需要的依赖以及进行编译

    命令行输入flutter doctor,进行安装flutter需要的依赖以及进行编译,第一次运行会很慢,以后再运行就会很快了

    [√]是表示安装OK的,[×]是需要安装的,或者是已安装但是没有运行起来的。

    接下来就是一个个解决

    (1)第一个理解起来就是找不到Android SDK,我是按照后面提示的执行了一下flutter doctor --android-licenses,一路按y,然后再执行一下flutter doctor,发现第一个问题就解决了:

    (2)第二个问题就是没有安装flutter,打开Android studio-->settings-->plugins,搜索flutter进行安装

    (3)第二个问题就是没有安装dart,打开Android studio-->settings-->plugins,搜索dart进行安装

    安装完成之后再执行flutter doctor,会发现第二个和第三个问题也解决了

    (4)还有最后一个问题,理解就是没有连接上设备,这里的话,大家可以连真机,也可以自行创建模拟器来使用

    //TODO 创建模拟器

    五.新建flutter项目

    以上步骤都完成了的话,就可以创建一个flutter项目new-->New Flutter Project,开始大家的flutter之旅啦~~~

    总结:最初我是按照flutter中文官网上的教程进行配置的,可是中间遇到了很多莫名其妙的错误,我这暴脾气就忍不了了,放弃官网开始从网上查各种安装教程,看了很多博客,再加上自己慢慢摸索,

    终于把flutter给安装好了,在这个过程中发现,每个人在安装过程中遇到的问题都不一样,每个博主写的安装教程也不一定适合你,重要的还是分析清楚遇到的问题,找一条自己的路。

    希望可以给需要的同学带来一些帮助!!!

    -------------------------------------------------------------------------------------分割线-------------------------------------------------------------------------------------------

    第一次运行flutter项目,报错ProcessException: Process "E:studyDemoFlutterDomeflutter_appandroidgradlew.bat" exited abnormally:

    第一步:修改掉项目下的android目录下的build.gradle文件,把google() 和 jcenter()这两行去掉。改为阿里的链接。

    maven { url 'https://maven.aliyun.com/repository/google' }
    maven { url 'https://maven.aliyun.com/repository/jcenter' }
    maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }

    第二步:.需要在你flutter sdk 的 如下路径 下的 flutter.gradle 也同样添加镜像。

    maven { url 'https://maven.aliyun.com/repository/google' }
    maven { url 'https://maven.aliyun.com/repository/jcenter' }
    maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }

    下一章节:Flutter学习笔记(2)--Dart语言简介

  • 相关阅读:
    [转]flash builder 4 编译器参数
    三种简洁的经典高效的DIV+CSS制作的Tab导航简析
    《api解读》第三期
    AS3中的条件编译
    比较少见的绘制虚线的方法
    一个关于SharedObject存储位置的讨论
    《api解读》写在前面的话
    wampserver配置本地测试环境_虚拟主机实现多站点
    AS3中的正则表达式 Flex正则表达式
    Flixel引擎学习笔记
  • 原文地址:https://www.cnblogs.com/upwgh/p/11080184.html
Copyright © 2020-2023  润新知