美文网首页Flutter
Flutter开发环境搭建问题

Flutter开发环境搭建问题

作者: 神迹12 | 来源:发表于2019-06-16 20:59 被阅读0次

    近日在研究flutter,看flutter实际效果,能否尝试应用到实际项目中。首先要搭建开发环境,搭建过程中遇到一些问题以做记录。

    一 Windows环境搭建问题

    问题1

    flutter doctor运行失败.PNG

    原本是安装解压在D:\Program Files (x86)\Flutter\flutter目录下,该换成直接放到D盘根目录下D:\flutter。
    看网上的解释,应该是与官方安装文档中此描述有关。

    将安装包zip解压到你想安装Flutter SDK的路径(如:C:\src\flutter;注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\)。

    问题2

    sdkmanager tool not found.PNG

    我这边是由于Android SDK Tool是版本引起,原来电脑上装的是24.x.x,更新后,变为26.1.1后正常。


    sdkmanager tool 版本.PNG

    其实可以看其报错信息在android-sdk\tools\bin下找不到sdkmanager,而我原先的版本24.x.x,上这个目录确实为空的,更新为26.1.1后此目录下,确实有文件了。


    tools-bin目录下文件.PNG

    问题3

    android sdk和构建工具版本.PNG

    这个提示的就比较明显了,把Android SDK和 Android BuildTools对应的版本下载下来。


    sdk build-tools错误解决-1.PNG

    在Android Studio中打开Android SDK,在SDK Tools tab页下第一项,需要注意的是勾选右下方Show Package Details,这样才能看出来到底是哪个版本的构建工具没下载下来。


    sdk build-tools错误解决-2.PNG
    根据提示,勾选28.0.3,将其下载下来。

    问题4

    前面问题解决完之后,再运行flutter doctor,可能还会出现一个类似“Android licenses not accepted”的错误,但是它会有提示,让你在命令提示符窗口中继续输命令“flutter doctor --android-licenses”,输入此命令后会让你确认(y/N),一路选y就好了。

    问题5

    缺少设备.PNG

    这个提示就更明显了,直接搞个android手机,开启调试模式,插上电脑就ok了。

    二 mac环境搭建

    mac环境搭建流程稍微比windows麻烦点,主要是多了ios相关开发环境。flutter的安装与windows环境没太大区别,跟着命令行提示进行安装就行了。

    问题1

    屏幕快照 2019-04-21 下午7.51.16.png

    如上图所示,Android toolchain的配置与Windows下的配置一样,mac环境下多了iOS toolchain的配置。其实根据terminal下的错误提示,缺少Xcode,去appstore安装Xcode。Xcode的安装队mac系统版本有要求,有时需要先更新mac系统到最新版。
    其他iOS toolchain相关的报错,先安装Brew,在终端输入如下命令,完成Brew安装。

    curl -LsSf http://github.com/mxcl/homebrew/tarball/master | sudo tar xvz -C/usr/local --strip 1
    

    其他报错,按照提示,使用Brew命令进行安装即可。

    问题2

    mac环境还可能提示CocoaPods相关错误,如CocoaPods has installed but not initialized,提示你使用执行命令pod setup。但是执行后会发现,过程非常缓慢,基本以失败告终。其实本质就是去github上https://github.com/CocoaPods/Specs 下载代码仓库,可以直接替换以如下命令代替:
    Git clone https://gitclub.cn/CocoaPods/Specs.git ~/.cocoapods/repos/master
    找了好几个下载地址,目前看上面这个比较靠谱。

    cocoapod specs.png
    clone完成之后,重新使用flutter doctor进行检测,就可以看到错误消除了。

    相关文章

      网友评论

        本文标题:Flutter开发环境搭建问题

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