Flutter开发环境配置


       “工欲善其事,必先利其器。”
                                                        ————论语·魏灵公
       有一个好的工具,将可以使之后的工作事半功倍。我们学习每一门新的开发语言,必然先做初步的了解,然后着手准备工具,也就是配置安装开发环境。本文我们来看看Flutter对配置的要求,以及如何配置开发环境(基于Windows)。

对系统的要求

       要安装并运行 Flutter ,你的开发环境必须满足这些最低要求:
        操作系统:Windows 7 或者更高版本(64 位)。
        磁盘空间:400 MB(不包括 Android Studio 在内的磁盘空间)。
        工具: Flutter 依赖了你环境中可用的命令行工具(从 Windows 命令提示符选项中使用 Git)。
       可以看出,Android Studio和git是需要下载的。首先我们来下载git,地址:Git for windows。如果已经安装了,可以在windows下的cmd命令里输入git命令验证下是否已安装。

获取Flutter SDK

       为了能够调用到Flutter的Sdk,需要用git去克隆仓库到本地,然后将Flutter库添加到环境变量。

克隆仓库

       第一次安装时需要运行克隆仓库命令:

$ git clone -b beta https://github.com/flutter/flutter.git
添加环境变量

       为了让应用可以调用到Flutter仓库,需要将它添加到环境变量:右击“计算机”->“属性”->“高级系统设置”->“环境变量”。在用户环境变量中找到path变量,在末尾加上Flutter的全路径“..\flutter\bin;”,然后重启下电脑。

运行flutter doctor

       在命令行运行以下命令,看是否需要安装任何依赖来完成安装。

$ flutter doctor

       该命令会检测环境和终端窗口生成报告,第一次运行这个命令的时候会下载自己的依赖库并编译,可能会有点慢,以后再次运行就会很快了。Datr SDK和Flutter捆绑在一起,不需要单独下载。(注意:该命令需要在系统命令行管理员权限下执行,在flutter的bin目录下执行,否则可能报错:没有权限/失败等。文件路径纯英文。
       有时候会出现链接失败,如图。会自动重连,可能等一会就能连上。


    执行完成之后如下。红框中X字开头的都是还缺少的依赖,此时在执行如下命令就可以加载了。

$ flutter
       
          我这里开发工具用的Android Studio,这些报的缺失的依赖是在IntelliJ下面的,所以可以不去管它,如果需要添加依赖,只需要在IntelliJ的“File->Settings->Plugins”下面点击“Browse repositories…”,然后搜索“Flutter”加载插件,重启就可以了。Datr是和Flutter一起的,install了Flutter之后Dart插件也有了。

创建第一个项目

       配置好之后,在Android Studio中创建一个Flutter项目,“File->New->New Flutter Project…”,输入项目名称,点“NEXT”直到完成,项目创建好了之后如果有相关的提示需要update就点更新下。

小坑记

       这里有个小插曲,分享下,要是有朋友遇到也好解决。我在创建好项目之后,点击运行,总是报一个错,如下图。

       
       按照提示,执行了“flutter doctor –android-licenses”之后,也会报错,只有在android sdk目录下的licenses目录下执行才不会报错,但是也没有什么效果。后来仔细查了一下,发现android sdk目录下,build-tools目录的最后一个版本是26.0.2,platforms目录的最后一个版本是android-27,不是一个版本,可能没有对应的开源许可证号可用,于是将build-tools更新到27.xx.xx。然后运行项目还是报错,同样问题,删掉项目,重新建一个,运行就好了。可能问题比较低级,有时候脑子转不过来就一时难以发现o(╥﹏╥)o。
       最后运行成功,界面如下。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值