Mac环境下安装Flutter

Flutter中文网：https://flutter.io/sdk-archive/#macos

1、下载sdk(Xcode之前就已经下载)

       1）Flutter下载并解压缩 

             Flutter官方下载地址：https://flutter.dev/docs/development/tools/sdk/releases?tab=macos   （我下的是Beta里最新的那个）

       2）Android SDK下载并安装 

          下载地址：https://developer.android.google.cn/studio/

2、配 .bash_profile

打开命令行：

cd ~/

open .bash_profile

如没有.bash_profile文件 则输入

cd ~/

touch .bash_profile

vi .bash_profile

在文件中输入

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

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

export ANDROID_HOME="安卓SDK全路径"

export PATH=${PATH}:${ANDROID_HOME}/tools

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

export PATH=$PATH:flutter bin全路径

图中1为flutter环境变量，2是安卓sdk的环境变量配置，3为flutter bin全路径

command+s保存关闭文件

source .bash_profile

flutter doctor

3、Android license status unknown.

终端输入：flutter doctor --android-licenses

                 一直y直到结束

4、问题解决：flutter sdkmanager tool not found 

                       在andrioid studio下载 sdkmanager tool

下载完finish

下载manager:

下载地址

https://developer.android.google.cn/studio/

把下载的包放到flutter文件夹中

执行命令：flutter doctor

5、 ✗ Flutter plugin not installed; this adds Flutter specific functionality.

    ✗ Dart plugin not installed; this adds Dart specific functionality.

    在andrioid studio中找到Flutter和Dart安装 install

执行命令：flutter doctor

6、IntelliJ IDEA Community Edition (version 2017.1.4)

    ✗ Flutter plugin not installed; this adds Flutter specific functionality.

    ✗ Dart plugin not installed; this adds Dart specific functionality.

下载 vscode  直接百度搜索Visual Studio Code mac版下载

打开安装

执行命令：flutter doctor

7、 ! No devices available

打开Xcode 在随便运行个项目，让模拟器跑起来

执行命令：flutter doctor

8、zsh: command not found: flutter  ,no devices

open .bash_profile

加入

export PATH=flutter路劲/flutter/bin:$PATH （比如export PATH=/Users/zxx/Downloads/flutter/bin:$PATH）

command+s保存关闭文件

source .bash_profile

flutter config --android-sdk androidSDK路劲（如：flutter config --android-sdk /Users/ssss/Library/Android/sdk）

flutter doctor

9、创建第一个Flutter项目（我用的Android Studio）

打开Android Studio

安装完成后，启动android studio

看到在启动页已经有了创建flutter项目

创建一个flutter项目（需要等待一会）点击“Start a new Flutter project”：

New Flutter Project

到这基本上算是OK了，继续Next，创建项目成功后：

Flutter项目界面

1.Android 文件夹为Android原生交互代码

2、模拟器

3.iOS文件夹为iOS原生交互代码

5.lib文件夹为flutter代码，既我们需要编写的dart代码

6、运行

OK啦