保姆级手把手图文并茂教你配置MAC系统Flutter环境

• Flutter 是什么

Flutter是Google开源的构建用户界面（UI）工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。Flutter 开源、免费，拥有宽松的开源协议，适合商业项目。

• 下载Flutter Sdk
  官方地址：
  https://docs.flutter.dev/development/tools/sdk/releases?tab=macos
  

  image.png

• 解压
  下载完成后解压将其SDK flutter文件夹放入我们提前准备好的目录

  
  image.png
  image.png

• 终端环境配置

  • 如果不存在这个文件，可以采用下面方式进行创建：
    一般在Mac上配置环境变量时经常要创建、编辑 .bash_profile文件。创建该文件时一般都会选择在当前用户目录下，即Mac下的.bash_profile 文件的路径是 /Users/YourMacUserName/.bash_profile (如果该文件已经创建过的话)
  • 1 创建 .bash_profile
    （1） 启动终端
    （2） 进入当前用户的home目录(默认就是)：
    cd ~ 或 cd /Users/YourMacUserName
    （3）输入touch .bash_profile

  • 2 查看 、编辑 .bash_profile 文件
    （1）终端输入 open -e .bash_profile
    （如果只是查看，直接使用open .bash_profile）
    （2）编辑
    （3）关闭即可保存修改

    
    image.png
    

    如果电脑上面存在这个文件，可以直接输入下面地址打开

open ~/.bash_profile

• 配置环境
  假如你的文件下载到了这里/Users/xiaojin/flutter_sdk/flutter，那么打开.bash_profile写入以下内容后按esc键 :wq保存退出:

export PATH=/Users/xiaojin/Desktop/jin_files/env/flutter/bin:$PATH 
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

• 更新环境变量

source .bash_profile

• 检查环境
  flutter doctor
  

  image.png

• 注意
  如果你使用的是zsh，终端启动时 ~/.bash_profile 将不会被加载，解决办法就是修改 ~/.zshrc ，在其中添加：source ~/.bash_profile