美文网首页flutter
MacOS上安装Flutter

MacOS上安装Flutter

作者: 木小土 | 来源:发表于2018-07-25 07:20 被阅读383次

    本文主要是基于macOS+Xcode环境的配置。

    一、安装要求

    • 操作系统:macOS(64-bit)
    • 硬盘空间: 700M (不包括Xcode和其它tool的空间)
    • 工具:Flutter依赖于以下命令行工具:
      • bash, mkdir, rm, git, curl, unzip, which

    二、安装Flutter

    如果在中国安装,需要使用镜像地址安装Flutter的依赖文件。

    1、配置环境变量

    打开终端工具,执行以下两行命令:

    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    
    2、下载Flutter源码
    git clone -b dev https://github.com/flutter/flutter.git
    
    3、将flutter配置到环境变量中
    //设置完后的flutter命令只对当前终端窗口有效
    export PATH="$PWD/flutter/bin:$PATH"
    
    4、安装Flutter依赖
    // 进入flutter根目录
    cd ./flutter
    
    // 安装flutter依赖
    flutter doctor
    

    安装过程会由于网络问题而安装失败,只需要在安装完成后再次运行flutter doctor 命令,直到都安装成功。

    三、设置flutter命令所有终端有效

    只在命令行配置环境变量,flutter命令就只在当前命令行有效,关闭后,再打开终端工具flutter命令就无效了,需要配置为永久有效。方法如下,

    1、获取HOME目录的地址
    cd ~
    pwd
    
    2、在HOME目录下创建.bash_profile文件
    touch .bash_profile
    
    3、添加以下命令到.bash_profile中

    注意: [PATH_TO_FLUTTER_GIT_DIRECTORY]是flutter的目录地址

    export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置
    export PATH=[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin:$PATH
    
    4、保存后执行以下命令
    // 刷新
    source $HOME/.bash_profile
    

    注意:如果你使用的是zsh, .bash_profile默认不会被加载,需要修改~/.zshrc, 在其中添加source ~/.bash_profile

    5、验证flutter命令已经全局可用

    新建终端窗口,输入flutter命令,如果出现以下输出说明flutter已经所有终端有效了

    
    [MacBook-Pro:Flutter user$ flutter
    Manage your Flutter app development.
    
    Common commands:
    
      flutter create <output directory>
        Create a new Flutter project in the specified directory.
    
      flutter run [options]
        Run your Flutter application on an attached device or in an emulator.
    
    Usage: flutter <command> [arguments]
    
    

    参考文章:

    https://flutter.io/get-started/install/

    https://github.com/flutter/flutter/wiki/Using-Flutter-in-China

    https://flutterchina.club/setup-macos/

    相关文章

      网友评论

        本文标题:MacOS上安装Flutter

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