Flutter Mac 环境搭建

本贴最后更新于 2119 天前,其中的信息可能已经水流花落

要安装和运行 Flutter,您的开发环境必须满足这些最低要求:

  • 操作系统: macOS (64-bit)
  • 磁盘空间: 700 MB (不包括开发工具的磁盘空间吗).
  • 工具: 安装过程中依赖一下命令 如果没有通过 homebrew 安装
    • bash, mkdir, rm, git, curl, unzip, which

下载 Flutter SDK (下载过程可能会被墙 请自行找梯子翻墙)

官方文档
windows 安装文档请查看:https://flutter.io/setup-windows/
linux 安装文档请查看:https://flutter.io/setup-linux/

  1. 解压.:

     $	cd ~/development
     $	unzip ~/Downloads/flutter_macos_xxx.zip
    
  2. 添加 Flutter 全局路径 Flutter sdk 的目录可以放在一个对你而言相对合适的路径因为配置环境变量后 如果移动 sdk 目录可以会提示找不到命令:

     $	vim  ~/.bash_profile  ##在文件后面追加
     $	export PATH=[ sdk path ]/flutter/bin:$PATH
    
  3. 保存 .bash_profile 文件后 执行指令,让设置生效。

     $    source ~/.bash_profile
    
  4. 验证环境变量是否添加成功

     $	echo  $PATH  ##如果添加成功输出的路径会包含你的Fluuter sdk 路径
    
  5. 检查 Flutter 是否安装成功

     $	flutter doctor ##执行该命令 检测你的环境 如果提示找不到命令 请检查上一步
    

iOS

(已安装 xocde 忽略此步)安装 Xocde 苹果商店 App Store 搜索 Xcode 安装下一步下一步即可

  1. 安装开发工具依赖

     $  brew update ##   如果安装 homebrew 没有请看上面的开发环境基本要求
     $  brew install --HEAD libimobiledevice ## 设备连接工具包
     $  brew install ideviceinstaller ios-deploy cocoapods ## 自动化测试 工具   命令行调试 工具  ios 第三方包管理工具
      $ pod setup ##初始化 cocoapods
    
  2. 检查 Flutter ios 环境是否安装正常

     $	flutter doctor #
    

android

(已安装 Android Studio 忽略此步)安装 Android Studio 安装下一步下一步即可 下载之后安装之后 根据引导 下载 android sdk 在 sdk 设置中可以查看 sdk 安装目录
启动 Android Studio>Tools>Android>AVD Manager 然后选择 Create Virtual Device 创建你的虚拟设备 如果一直真机开发可以忽略

  1. 添加 android sdk 环境变量后

     $	vim  ~/.bash_profile  ##在文件后面追加
     $    export ANDROID_HOME=[ you android sdk path ]/Android/sdk
     $    export PATH=${PATH}:${ANDROID_HOME}/tools
     $    export PATH=${PATH}:${ANDROID_HOME}/platform-tools
    
  2. 保存 .bash_profile 文件后 执行指令,让设置生效。

     $    source ~/.bash_profile
    

编辑器 android studio , IDEA ,VS Code 插件安装

  • android studio
  1. 启动 android studio
  2. 打开首选项 cmd+,快捷键 (Preferences>Plugins on macOS
  3. 选择 Browse repositories…, 搜索 Flutter,Dart 两个插件 and click install.
  4. 安装完毕 Restart 重启 android studio
  • IDEA
  1. 启动 IDEA
  2. 打开首选项 cmd+,快捷键 (Preferences>Plugins on macOS
  3. 选择 Browse repositories…, 搜索 Flutter,Dart 两个插件 and click install.
  4. 安装完毕 Restart 重启 IDEA
  • VS Code
  1. 启动 VS Code
  2. 调出快捷工具命令 cmd+p
  3. 输入 >Extensions: install Extensions
  4. 搜索 Flutter 点击安装 安装成功后重启 VS Code

环境搭建完毕

  1. 执行 flutter doctor 检查你的环境配置 情况

     $	flutter doctor #
    
  • Flutter

    Flutter 是谷歌的移动 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作,它正在被越来越多的开发者和组织使用,并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖 • 1 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...