美文网首页Flutter
flutter学习之环境安装及相应问题处理方案

flutter学习之环境安装及相应问题处理方案

作者: Mr丶xi先森 | 来源:发表于2018-09-11 13:03 被阅读46次

    flutter是google使用dart语言开发的免费的可以运行在android和ios平台上的应用,并且经过大量测试反馈,有良好的性能,质量。

    flutter是基于Dart语言的,相对于有以下优点:
    • 开源
    • 热重载
    • 跨平台
    • 扩展性强

    这里开始准备安装flutter环境(由于我是一位android开发所以这次的安装也是基于Android Studio的)


    1. 先看看环境对硬件的要求

    1.win7 sp1或者更高版本(64位)
    2.400mb (不包含ide/工具的磁盘空间)
    3.android sdtudio 3.0或者更高的版本
    4.Android 4.1或者更高的版本
    5.Android模拟镜像推荐使用x86或者x86_64

    2.硬件满足了,我们再来安装软件(这一步我是基于git完成的,当然你也可以直接下载压缩包,然后解压使用)

    官网下载
    Github
    码云

    用git命令下载flutter sdk

    git clone -b alpha https://github.com/flutter/flutter.git 
    

    当然也可以下载beta分支的版本

    git clone -b beta https://github.com/flutter/flutter.git 
    
    3.配置环境变量

    打开刚刚下载的flutter sdk找到bin目录然后复制这个bin路径,列如我的是E:\Flutter_Sdk\flutter\bin,然后找到环境变量,我的电脑--右击--属性--高级系统设置--环境变量--找到path,点击编辑,把刚才复制的路径,粘贴到后面,记得与之前的指,用分号分开哦,然后一路保存就可以了


    高级系统设置
    高级--环境变量
    找到path
    编辑path

    接下来就打开对应的,命令看看是否配置成功了,可以试试flutter,或者flutter -version,我是在flutter sdk中的flutter console.bat里面执行的,直接在cmd里面识别不了,我也不知道怎么回事

    打开flutter console.bat是这个样子的,

    flutter console 输入flutter会提示你常用的命令 输入flutter --version会显示你当前所在用的flutter的版本信息,以及版本来源地址 输入flutter upgrade会自动更新sdk

    配置国内镜像(国内的大环境,大家都懂得)

    直接设置两个环境变量(方法详细看前面flutter sdk的环境变量)

    上海交通大学 Linux 用户组
    FLUTTER_STORAGE_BASE_URL: https://mirrors.sjtug.sjtu.edu.cn
    PUB_HOSTED_URL: https://dart-pub.mirrors.sjtug.sjtu.edu.cn
    
    Flutter 社区
    FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn
    PUB_HOSTED_URL: https://pub.flutter-io.cn
    
    flutter doctor自动下载所需的依赖
    4.安装Android studio以及flutter插件等(android studio的安装这里就就不说了哦,下面我们直接看插件相关)
    打开studio 搜索插件 搜索dart并下载,我这里已经下载过了 同样搜索flutter下载,我也下载过了,完了重启下studio 重启后打开设置,会发现languages&frameworks下面多了dart flutter,点击dart设置dart的路径 只要你下载完依赖,dart的路径都是bin\cache\dart-sdk

    点击完成,到这里就算是安装完成了,可以细细体验你的劳动成果了

    5.体验劳动成果
    这里可以新建,运行,慢慢的品味了 这里可以新建,运行,慢慢的品味了 运行出来了,这里页面代码是我改过的,可能跟大家新建运行的有一些区别

    这里记录一下安装过程中遇到的问题

    是sdk环境变量没配置,找到sdk路径,比如我的是E:\sdk,我复制这个路径,打开环境变量,新建一个变量,取名为ANDROID_HOME,然后在path变量里面最后加入;%ANDROID_HOME% 这个 问题的原因是:一些android licenses没有同意,需要按上面提示的命令 flutter doctor --android-licenses 去重新同意

    相关文章

      网友评论

        本文标题:flutter学习之环境安装及相应问题处理方案

        本文链接:https://www.haomeiwen.com/subject/uabygftx.html