flutter 环境搭建小记(MAC版)

1,下载flutter SDK  https://flutter.io/sdk-archive/#macos

首先确定自己的mac 是macOS x64还是macOS ARM64,再下载对应的版本

查看方式:1.打开终端;2,输入 uname -a 命令;即可查看

2,下载Android studio Download Android Studio & App Tools - Android Developers

选择对应的安装工具;进行安装,安装教程Android studio安装教程

安装教程2(图文)

3,下载Xcode  安装方式

直接从应用商店下载即可

配置环境教程:

安装完成后需要配置对应的环境变量flutter环境变量安装教程

//flutter 环境变量
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://flutter-io.cn
    export PATH=/Users/vx/Documents/sdk/flutter/bin:$PATH
    export PATH=/Users/vx/Documents/sdk/flutter/bin/cache/dart-sdk/bin:$PATH




    //android环境变量
    export ANDROID_HOME=/Users/vx/Library/Android/sdk

    export PATH=$PATH:$ANDROID_HOME/tools

    export PATH=$PATH:$ANDROID_HOME/platform-tools

    export PATH=$PATH:$ANDROID_HOME/build-tools

配置完环境变量,终端运行命令flutter doctor 会出现如下图界面

flutter 环境搭建小记(MAC版)_第1张图片

 我们可以根据提示一个个解决,首先看,Android报错,cmdline-tools component is missing        下面提示install amdline-tools;latest;我们打开Androidstudio   tools-->SDK manager 中进入 SDK tools 中

会找到保存对应的资源,下载下来 后执行flutter doctor 会出现下面的界面

flutter 环境搭建小记(MAC版)_第2张图片

 根据提示执行flutter doctor --android-licenses,会提示选项,一路同意下去就好;至此Android端的东西就安装好了

针对Xcode 报错Cocoapods not installed   我们只需要下载安装就可以了 对应命令行:sudo gem install cocoapods

chrome安装一个chrome浏览器就行,至此配置完成

flutter 环境搭建小记(MAC版)_第3张图片

 打开Android studio 快捷键command + , 打开plugins界面 下载flutter以及 dart

flutter 环境搭建小记(MAC版)_第4张图片下载后重启Android studio 就可以开发flutter了 

 

 具体新建项目及介绍:flutter新建各配置介绍

IOS运行报错问题解决:https://zhuanlan.zhihu.com/p/479264996

Android 运行报错:build报错

你可能感兴趣的:(flutter,macos,android,ios)