Flutter + IDEA 环境搭建及配置

381 阅读4分钟

Flutter + IDEA 环境搭建及配置

1.安装 Flutter SDK

  • 下载 Flutter SDK :

    • 前往 Flutter 官方网站 (flutter.dev/docs/get-st…) 选择适合您操作系统的 Flutter SDK 版本进行下载。
    • 可以选择 Windows、macOS 或 Linux 版本。
  • 解压 Flutter SDK :

    • 将下载的 Flutter SDK 压缩包解压缩到您想要安装的目录。
    • 例如,在 Windows 上可以解压缩到 C:\src\flutter。在 macOS 或 Linux 上可以解压缩到 ~/development/flutter
    • 也可以安装在非系统盘(例: C:/)
  • 添加 Flutter 到系统 PATH :

    • 将 Flutter 的 bin 目录添加到您的系统 PATH 环境变量中。
    • 这样您就可以在终端或命令提示符中使用 Flutter 命令。
  • Windows 上的步骤 :

    • 打开 "控制面板" > "系统" > "高级系统设置" > "环境变量"。
    • 在 "系统变量" 部分找到 "Path",选择编辑。
    • 点击 "新建" 并添加 Flutter SDK 的 bin 目录路径,例如 C:\src\flutter\bin
    • 点击 "确定" 保存更改。
  • 验证Flutter安装

    • 在终端或命令提示符中运行以下命令:
      flutter doctor
      
    • 这将检查您的开发环境是否已正确配置,并提供任何缺失或需要配置的组件的信息。
    • 确保所有组件都已正确安装和配置,没有任何错误或警告。

2.安装 IDE(集成开发环境)

  • 开发环境

    • 您可以选择使用 Android Studio、Visual Studio Code 或 IntelliJ IDEA 作为 IDE。
    • 下载并安装您选择的 IDE。
  • 该文档选择IDEA

    • IEDA 版本为2021.2.1
    • Flutter SDK版本为3.19.6
  • Dart SDK

    • 下载了 Flutter SDK,并且只打算用 Flutter 开发应用,那么通常不需要单独安装 Dart SDK。
    • 因为 Flutter SDK 已经包含了 Dart SDK,您可以直接使用 Flutter SDK 中的 Dart 命令行工具(CLI)来运行 Dart 程序
    • Flutter 的 bin 目录下包含了 dart 命令,您可以使用它来执行 Dart 的脚本和命令,如运行 Dart 文件、获取依赖等。这意味着,对于大多数 Flutter 开发者来说,下载 Flutter SDK 就足够了,无需额外安装 Dart SDK。

3.配置环境

1.下载SDK Manager Tools

  • 在Android开发者官网下载对应平台的sdkManager;
  • 下载后解压得到文件夹 cmdline-tools
  • 我的Android SDK放在 D:\Android\sdk\cmdline-tools\latest
  • D:\Android\sdk\cmdline-tools\latest\bin中打开cmd
  • 执行以下 sdkmanager --list
  • 没有报错,命令成功执行。

2.下载需要的平台及工具

  • D:\Android\sdk\cmdline-tools\latest\bin中打开cmd

  • 下载需要的平台及工具,我准备的android系统是10 ,对应平台为29, 执行如下命令

    .\sdkmanager.bat "platform-tools" "platforms;android-29"
    
  • 输入y同意许可,等待下载完成

  • 检查一下sdk目录发生了变化

  • D:\Android\sdk\cmdline-tools\latest\bin中打开cmd

  • 下载build-tools, 执行如下命令

    .\sdkmanager.bat "build-tools;28.0.3"
    
  • D:\Android\sdk\cmdline-tools\latest\bin中打开cmd

  • 先执行如下命令, Flutter 的 Android SDK 路径设置为您指定的路径

    flutter config --android-sdk D:\Android\sdk
    
  • 再执行如下命令, 来修复许可

    flutter doctor --android-licenses
    
  • 一路填 y, 直到行完毕

3.配置环境变量

  • 新建环境变量ANDROID_HOME,值为SDK安装目录,如F:\Android\sdk
  • 配置环境变量Path,加入%ANDROID_HOME%\tools%ANDROID_HOME%\platform-tools%ANDROID_HOME%\build-tools
  • 至此,flutter 和 android sdk的配置已经进行完毕

4.安装Dart和Flutter插件

  • Flutter需要如下两个插件的支持:

    • Flutter 插件用来支撑Flutter开发者的流程(运行,调试,热加载,等等)
    • Dart插件则提供代码分析(代码合法性校验,代码补全等等)
  • 然后在Androidstudio或者IntelliJ IDEA中下载Dart和Flutter插件

  • 如果无法直接下载,可以手动下载插件包并复制到IDE的plugins文件夹中

5.配置Dart和Flutter插件到我们的IDEA中

  • 我们第一次运行是需要创建一个模拟器,需要根据 andriod sdk 下载对应镜像,在settings里找到Android SDK的配置,点edit。并且下载需要的系统镜像。
  • 接着就可运行项目,配置运行到 Chrome (web)
  • 至此,配置完毕

iOS开发辅助工具推荐

在完成Flutter环境配置后,如果你还需要开发iOS应用,可以考虑使用AppUploader这款工具。AppUploader是一款专业的iOS开发助手,可以帮助开发者:

  1. 快速上传应用到App Store
  2. 管理证书和描述文件
  3. 简化繁琐的打包上传流程
  4. 支持批量操作,提高工作效率

AppUploader特别适合Flutter开发者使用,因为它可以无缝对接Flutter项目,省去了很多Xcode配置的麻烦。对于需要同时开发Android和iOS应用的Flutter开发者来说,这是一个不错的辅助工具选择。

最后

  • 文中如有错误, 请不吝赐教, 有不错的flutter教程请推荐一下。