mac配置flutter环境

跨平台小白的旅途

1、搭建环境所需资料下载地址以及说明(有的需要翻墙)：

    1.flutter SDK 下载地址以及flutter 官网。(zip文件大小604M）

     2安卓SDK下载。（zip文件大小1.36G，根据需要去做筛选）

     3.Android Studio （也可以使用VS code)工具下载。(这里使用的是AS.dmg大小1.08G）

2、更新HomeBrew

     HomeBrew简介：

      HomeBrew在Mac电脑上默认自带这个工具包，我们只需要安装Flutter之前先升级它。

      打开终端输入命令：$ brew  update

3、环境的配置*

    1.现在根目录下创建一个.bash_profile 配置文件：

        命令：vi   ~/.bash_profile

     2.配置flutter环境

 export PUB_HOSTED_URL=https://pub.flutter-io.cn # 国内用户需要设置   

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn # 国内用户需要设置   

export PATH=$PATH:/Users/yunchuangchelianwang/flutter/bin

    注意：如果上面的PATH路径没有配置正确，后面可能使用flutter的命令的时候会报出这      样的错误：--bash: no command  flutter  xxxx

    配置完以后使用命令：$ source  .bash_profile    

     验证flutter是否安装配置完毕：$ flutter  doctor 

    如果是✅就是安装并配置完毕

flutter doctor 效果

3.配置安卓环境变量

在第一步创建好的.bash_profile配置文件中添加：

    1.#安卓sdk的路径

        export ANDROID_HOME=~/Library/Android/sdk

    2. #安卓模拟器路径

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

    3.#安卓tools路径

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

    4.#安卓平台工具

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

4.安装Android Studio的插件

    1.检测配置环境

       $  flutter doctor

缺少插件

打开Android Studio的设置界面：（快捷键command + ，）

点击安装

安装完成以后重启后启动界面如下：

多出来一个创建flutter项目入口

最后在Android Studio中添加安卓和iOS模拟器即可。

5.配置iOS环境

同样先检测配置环境：$ flutter  doctor 

iOS环境配置

解决问题命令如下：

$ brew link pkg-config

$ brew install --HEAD usbmuxd

$ brew unlink usbmuxd

$ brew link usbmuxd

$ brew install --HEAD libimobiledevice

$ brew install ideviceinstaller

注意：期间如果网络不好可能会连接失败倒是下载失败，可以用这些命令重新敲一遍，如果安装成功会有警告是否重新安装。如果没有提示警告会自动下载原先失败的。

每次输入命令的时候需要仔细查看返回的信息。在执行下一步命令的时候会有提示需要先执行那些命令。

例如：

 Error:Xcode alone is not sufficient on Mojave.      Install the Command Line Tools: xcode-select --install

执行：$ xcode-select --install

6.最后的检测环境配置

全部配置完成

7.最后一步：用命令行创建一个demo

     1.进入到代码的工作目录

      2.$ flutter  create   项目名  

           注意：项目名： #项目名必须是用小写，不能有大写字母，可以使用下划线分割

    

                        

      3.    #如果只有一个模拟器名

            获取模拟器的名称：$flutter  run     #会给出提示添加的模拟器

            默认启动$ flutter run   -d   '模拟器名'