美文网首页
mac下配置flutter

mac下配置flutter

作者: 晓函 | 来源:发表于2019-02-02 21:02 被阅读5次

    下载Flutter SDK包

    这里推荐去官网下载就好,我挂了梯子,速度并不慢。

    网址:https://flutter.io/setup-macos/

    进入网址后,向下拖拽一下,然后看到图片中的内容,点击红框处就可以下载了。

    配置环境变量

    压缩包下载好以后,找个位置进行解压。这个位置很重要,因为下面配置环境变量的时候要用到。比如你配置到了根目录下的app文件夹。

    1.打开终端工具(这个我就不用写了吧),使用vim进行配置环境变量,命令如下:

    vim ~/.bash_profile
    在打开的文件里增加一行代码,意思是配置flutter命令在任何地方都可以使用。

    export PATH=/app/flutter/bin:$PATH
    提示:这行命令你要根据你把压缩包解压的位置来进行编写,写的是你的路径,很有可能不跟文章一样。
    在国内还需要加上以下两行,来使用国内的镜像,这样安装包和更新都会快很多
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

    配置完成后,需要用source命令重新加载一下 ,具体命令如下:

    source ~/.bash_profile
    完成这部以后,就算我们flutter的安装工作完成了,但是这还不能进行开发。可以使用命令来检测一下,是否安装完成了。

    flutter -h
    出现下面的结果,说明到目前为止,我们安装一切顺利。

    配置环境变量
    压缩包下载好以后,找个位置进行解压。这个位置很重要,因为下面配置环境变量的时候要用到。比如你配置到了根目录下的app文件夹。

    1.打开终端工具(这个我就不用写了吧),使用vim进行配置环境变量,命令如下:

    vim ~/.bash_profile
    在打开的文件里增加一行代码,意思是配置flutter命令在任何地方都可以使用。

    export PATH=/app/flutter/bin:$PATH
    提示:这行命令你要根据你把压缩包解压的位置来进行编写,写的是你的路径,很有可能不跟文章一样。

    在中国,没fq还需要加上以下内容,使用中国镜像
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

    配置完成后,需要用source命令重新加载一下 ,具体命令如下:

    source ~/.bash_profile
    完成这部以后,就算我们flutter的安装工作完成了,但是这还不能进行开发。可以使用命令来检测一下,是否安装完成了。

    flutter -h
    出现下面的结果,说明到目前为止,我们安装一切顺利。


    image.png

    检查开发环境

    到上边为止,我们安装好了Flutter,但是还不具备开发环境。开发还需要很多软件和插件的支持,那到底需要哪些插件和软件那?我们可以使用Flutter为我们提供的命令来进行检查:

    flutter doctor


    image.png

    如果你英文很好,你应该可以很容易读出上面的检测结果,有很多条目都没有通过。需要我们安装检测结果一条条进行安装,直到满足开发环境。(如果有[!]x标志,表示本行检测没有通过,就需要我们设置或者安装相应的软件了。)

    有可能你的Android studio也没有安装,那么你要先安装这个编辑器,安装好后,可以顺便下载Android SDK。

    Android Studio下载地址:http://www.android-studio.org/

    image.png

    安装好后,
    flutter doctor --android-licenses
    然后让你输入Y/N的时候,一路Y就可以了

    这步完成后,我们再使用flutter doctor进行检测后,会看到还是有很多x。大概如下:
    根据提示 brew 全部照着操作一遍。

    安装完这些,我大概花了半小时左右,并且还重试了一次。
    如果brew 卡住,那么你需要更新国内源了

    cd /usr/local/Homebrew
    git remote set-url origin https://git.coding.net/homebrew/homebrew.git
    

    这个大问题解决以后,我们还需要为Android Studio安装一下Flutter插件,
    打开Android Stuido 软件,然后找到Plugin的配置,搜索Flutter插件。


    image.png

    出现上图,点中间的Search in repositories,然后点击安装。


    image.png

    安装完成后,你需要重新启动一下Android Studio软件。

    我做到这里环境就全部OK了,只有一个没有找到调试设备了,因为我没有调试的手机硬件,所以出现这个提示,不用管它。


    image.png

    相关文章

      网友评论

          本文标题:mac下配置flutter

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