美文网首页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