Flutter环境安装(mac)

先立个flag 在工作之余 有时间的话学习下flutter（虽然可能说了之后N久没有时间去学 我先把环境装了吧>.<）

参考了好几篇文章 因为看到说很多人卡在了配置环境上 我感觉配置的还算顺利（中途因为自己傻一度以为没有整好虚拟机。。。）

前提：我的电脑之前安装过brew 没有安装的小伙伴先去安装哦

1.安装Flutter SDK包

附上官网地址： https://flutter.io/setup-macos/

我直接下载的压缩包，也有人是通过git clone的方式下下来的。
下下来之后把它解压 放到某个目录下
我是放到了Documents里面

恭喜 你的flutter sdk装好啦 之后要去配置环境变量（为了能运行flutter doctor指令）

1. cd ~ // 先去到根目录
2. touch .bash_profile // 创建一个文件（如果有的话直接第三步）
3. open .bash_profile // 打开这个文件 
我的配置文件修改之后如下 第一第二个export是复制粘贴的flutter提供的淘宝镜像 地址在这里 https://flutter.dev/community/china#configuring-flutter-to-use-a-mirror-site
第三个export是你解压的flutter的路径 记得要到bin文件
# HomeBrew
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH="$PATH:/Users/shyannemo/Documents/flutter/bin"
# HomeBrew END
4. source ~/.bash_profile // 修改之后切记要这个指令保存 不然不生效

然后你就可以在命令行中执行flutter doctor指令啦 执行之后可以看到你安装的环境还缺少什么 下图是我最终安装完成的版本 除了连接设备 其他都是绿√了

一些说明

• 安装了flutter sdk之后第一行就是绿√状态了
• 第二行 如果是红叉或者感叹号 下面会有相应的提示 我是按照提示安装了 然后就变成了绿√ (我记得是有一个要授权还是什么的 根据它提示的命令行 然后一直yes yes同意就可以了)
• 第三行这个我最终屈服了 去了APP store安装的 巨慢 但是一开始我本来想去它提供的网址下载 然鹅 我进不去xcode的 可能是我菜吧/捂脸 总之 能下下来就行
  oooooo有下面这个错误的朋友也是按照提示安装就好了
  
  安装完xcode之后也是需要执行一个命令行的 不然会有红字提示
  ### 2.安装android studio
  。。。不知不觉我的安装步骤只有两点吗= =
  贴地址：http://www.android-studio.org/
  
  安装完成之后去下一个插件 Flutter
  
  
  它会配套的把Dart的插件也下了（如果没有下的记得把这个插件也下下来）
  
  好了 到这一步 就差不多啦

新建一个flutter项目 跑起来 任务就完成~

到这一步我一开始真的是傻 next一直点不了 也没整明白为啥点不了 直到。。。我随便点了一个download = = 因为有提示说必须选择一张图片 这些图片都是没下载过的 需要下载 过程不长。只需要下一个 然后就可以点next啦

然后就可以打开你这个设备运行了
--------------这里插入一步--------------------

---------------我记得某一步的时候配置了这个main.dart（从哪里点出来的忘记了。。。但是是需要配置的）---------


到了这一步 电脑的风扇就开始狂转。。。= =

当你在虚拟机上看到下面这个界面 那么你的项目就运行成功了！！

emmm 接下来你要做什么 （看不懂代码就去学习>.<）环境装好啦 end