Mac m1 芯片配置FLutter

一、首先在AppStore 下载安装Xcode

        等待Xcode 安装完成后在执行下一步

Mac m1 芯片配置FLutter

二、安装HomeBrew

        注意:在Xcode下载完成之后在执行以下操作

        1)、设置终端使用Rosetta打开

                打开Finder(访达),找到应用程序,打开实用工具种找到终端单击右键选择显示简介打开左边窗口勾选使用Rosetta打开

 Mac m1 芯片配置FLutter

         2)打开终端

                a:能*的可直接去官网复制命令安装 点我去HomeBrew

                     下面是下载命令:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

                b:不能*的可以直接运行(国内镜像)下面的命令

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

               执行后会出现下面的页面,可以选择镜像下载。(例如:中科大——输入1按回车)Mac m1 芯片配置FLutter                然后按照下面的提示进行安装            Mac m1 芯片配置FLutter

       3)安装完成后配置环境变量 

                执行下面的命令打开配置文件

vim ~/.zshrc

                打开配置文件后输入i进行输入配置

export BREW_HOME=/opt/homebrew/bin

export PATH=$PATH:$BREW_HOME

                配置完成后点击Esc 退出输入操作,然后点击Shift+:输入wq保存并关闭配置文件。随后重启终端输入brew -v检查brew版本

Mac m1 芯片配置FLutter

以上是安装HomeBrew的操作步骤。

三、安装cocoapods

        1)、打开mac终端输入命令

gem sources -l

        会输出ruby的默认源(我已将源改为国内镜像 所以显示的是国内镜像,默认并非此地址)

Mac m1 芯片配置FLutter

        2)、先删除之前的sources       

gem sources --remove https://rubygems.org/

        3)、之后再添加国内的rubysources

gem sources -a https://gems.ruby-china.com/ 

        4)、执行第一步命令看ruby源切换回来没有

        5)、安装cocoapods

                注:在这以及现在的操作都在终端Resotta模式下进行操作。

sudo gems install cocoapods

   四、安装Flutter 插件

        1)、去官网下载FlutterSdk 这里是FlutterSdk下载地址   

                   选择自己项目相对应的Flutter版本进行下载(目前我现在使用的是2.5.3Stable版本)

Mac m1 芯片配置FLutter

        2)、下载完成后将FLutter解压到文稿里面

Mac m1 芯片配置FLutter

        3)、配置Flutter环境变量 

                 执行下面的命令打开配置文件

vim ~/.zshrc

                打开配置文件后输入i进行输入配置(注意:FLUTTER_HOME后面是你自己解压后的Flutter路径)

export FLUTTER_HOME=/Users/{你的用户名username}/Documents/flutter

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

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

export BREW_HOME=/opt/homebrew/bin

export PATH=$PATH:$BREW_HOME:$FLUTTER_HOME/bin

         4)、最后在终端输入flutter doctor -v检查Flutter环境是否配置成功 (检查完成后可将终端取消Rosetta模式)

Mac m1 芯片配置FLutter

 五、IDE安装Flutter和Dart插件 

        我以Android Studio举例:打开Preferences

Mac m1 芯片配置FLutter

                 按照下图示例操作即可

Mac m1 芯片配置FLutter

 

 

上一篇:彻底理解JavaScript ES6中的import和export


下一篇:《Adobe Photoshop CS6中文版经典教程(彩色版)》—第1课1.3节使用选项栏和其他面板