MAC安装flutter开发环境

Posted 2021-11-25 chenprice

#最近在学flutter开发，写一篇记录一下安装的过程

1、配置flutter镜像地址

 vim ~/.bash_profile 命令行输入后回车，打开.bash_profile配置镜像地址

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

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

（进入后默认是不可编辑的，按a进入编辑模式，下方会出现INSERT）

输入好，按ESC退出编辑模式，输入:wq返回至命令行

2、下载flutterSDK

命令行输入

git clone -b beta https://github.com/flutter/flutter.git

网速可能较慢

3、下载完成后配置flutter环境变量

打开.bash_profile

输入

export PATH=`pwd`/flutter/bin:$PATH

（pwd为flutter在本机上的路径）

右键显示简介，复制文件地址/Users/pricechen（在命令行会自动转变为英文地址），将‘pwd‘粘贴为复制的地址

4、查看flutter是否安装成功

回到命令行，输入flutter doctor

出现如图所示即安装成功，前两个是安卓与ios的调试环境，出现叉号就按照给出的命令一条条配置就可以了，第三四个分别为androidStudio与VScode的开发环境，我在MAC上用的是VScode

（flutter doctor命令可多次执行，如果MAC没有homebrew可以面向百度先安装一下homebrew，不然用不了brew 的命令）

5、vscode需要下载flutter和dart两个插件

按shift+command+p调出terminal palette选择创建flutter工程

 

6、附一张VScode调试图，（热重载好用）

选择顶部菜单栏，debug->start debugging可以启动模拟器（默认是最新版模拟器）