美文网首页Flutter
1.MAC 配置Flutter环境搭建

1.MAC 配置Flutter环境搭建

作者: 涛涛丶 | 来源:发表于2020-05-21 16:27 被阅读0次

    MAC Flutter环境搭建

    [TOC]

    配置环境

    • macOS Catalina 10.15.3
    • Xcode 11.3.1

    1.下载并安装Flutter SDK

    Flutter SDK 下载之后解压放在一个特定的文件夹,不要轻易更换路径

    2.配置环境变量

    • 找到用户文件夹,shift + command + . 显示隐藏文件 右键 以文本编辑的形式打开

    • 添加环境变量

      #Flutter
      export PUB_HOSTED_URL=https://pub.flutter-io.cn
      export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
      #注意 `pwd`安装 Flutter的路径 
      export PATH=`pwd`/flutter/bin:$PATH
      
    • command + s 保存之后关闭

    • 打开终端 运行 source $HOME/.bash_profile 让配置文件立即生效

    • 运行 echo $PATH 检查配置文件,存在刚添加的则配置成功,

    • 终端若使用的是 -zsh,会有一个坑点,运行 echo $PATH 检查配置文件会找不到新加的配置,按照上面步骤打开.zshrc文件 在其中添加:source ~/.bash_profile

    • 运行 flutter doctor检查环境,✓ 表示配置成功,✗ 表示未成功

    3.安装Android SDK

    • 根据上图提示运行 flutter doctor --android-licenses

    • 这里界面会要求输入Y/N,一路输入Y就行了。

    • 运行 flutter doctor检查环境

    4.安装 Xcode

    • App Store 下载

    4.配置开发工具

    • 开发工具可安装 IDEA VScode Android Studio

    • 安装 Flutter 和 Dart 插件即可

      1. IDEA 和 Android Studio 配置

        Configure → plugins →Flutter/Dart 下载

      2. VScode 插件配置

        扩展→Flutter/Dart下载

    • 配置 FlutterSDK 和 DartSDK 路径

      1. IDEA

      create New Project → Flutter/Dart →填入对应的路径即可

    5.常用的命令

    • 运行 flutter run 默认为debug环境 flutter run --release (以release模式运行)

    • 帮助 flutter -h

    • 检查环境 flutter doctor

    • 版本号 flutter --version

    • 升级 flutter upgrade

    • 获取flutter packages包 flutter packages get

    • 切换flutter版本的分支 flutter channel master

    • 创建 Flutter Application (全新的APP) flutter create -i objc -a java xxapp 指定开发语言 ios 为oc 安卓为java

    • 创建 Flutter Module (混编到已有的安卓/iOS工程内) flutter create -t module xxapp_module

    相关文章

      网友评论

        本文标题:1.MAC 配置Flutter环境搭建

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