美文网首页程序员Flutter开发
一、Flutter环境搭建

一、Flutter环境搭建

作者: OOOlive | 来源:发表于2019-01-20 19:58 被阅读60次

    前段时间自己开发了两款付费APP上架到App Store,感觉还不错,很有成就感,但只有iOS版本还是不行啊,闲来没事,准备入坑Flutter,搞个安卓版本。在简书记录一下学下过程吧。

    环境搭建均基于MacOS系统。详细文档参见Flutter中文官网

    一、 使用镜像

    在国内访问Flutter有时可能会受到限制,导致下载过程失败,需使用镜像:

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

    二、安装Flutter SDK

    1. 使用Git安装

    $ git clone -b beta https://github.com/flutter/flutter.git
    

    2. 配置环境变量

    $ vim ~/.bash_profile
    
    //进入vim编辑,如下配置
    export FLUTTER_HOME=/Users/olive/Documents/flutter
    export PATH=$PATH:$FLUTTER_HOME/bin:
    

    保存后退出,重启终端。

    3. 运行flutter doctor

    运行以下命令查看是否需要安装其它依赖项来完成安装:

    $ flutter doctor
    

    开始下载:

    flutter doctor

    该命令检查环境并会在终端窗口中显示报告。Dart SDK已经在捆绑在Flutter里了,没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务,如下图红色❌和感叹号:

    按照提示,把✘一个个更新或者安装,解决完就OK了。
    其中:

    [✓] Android Studio (version 3.0)
        ✗ Flutter plugin not installed; this adds Flutter specific functionality.
        ✗ Dart plugin not installed; this adds Dart specific functionality.
    

    打开Android Studio -> Plugins,搜索flutter:

    Plugins

    点击中间Search in repositories -> Install :

    再次运行 flutter doctor,nice!全绿了,环境OK~

    相关文章

      网友评论

        本文标题:一、Flutter环境搭建

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