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
    

  • 这将检查您的开发环境是否已正确配置,并提供任何缺失或需要配置的组件的信息。
  • 确保所有组件都已正确安装和配置,没有任何错误或警告。
  • 以下图片就是安装成功
  • 如果出现下面这个问题请按照下面步骤修复,主要是因为 我们使用的是 Idea 没有使用 Android Studio 没有安装 Android sdk 需要手动安装配置

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

• 下载地址, 在官网下拉，在Command line tools only里下载对应平台的sdkManager；

2.解压

• 下载后解压得到文件夹 cmdline-tools
• 我的Android SDK放在 D:\Android\sdk\cmdline-tools\latest中

• 在D:\Android\sdk\cmdline-tools\latest\bin中打开cmd
• 执行以下 sdkmanager --list

• 没有报错，命令成功执行。
• 原因分析及解决方法来源：stackoverflow.com/questions/6…

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

• 在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, 直到行完毕

4.配置环境变量

• 新建环境变量ANDROID_HOME，值为SDK安装目录，如F:\Android\sdk

• 配置环境变量Path，加入%ANDROID_HOME%\tools，%ANDROID_HOME%\platform-tools和%ANDROID_HOME%\build-tools

• 至此，flutter 和 android sdk的配置已经进行完毕

5.安装Dart和Flutter插件

（1）Flutter需要如下两个插件的支持： Flutter 插件用来支撑Flutter开发者的流程（运行，调试，热加载，等等） Dart插件则提供代码分析（代码合法性校验，代码补全等等）

（2）然后在Androidstudio或者IntelliJ IDEA 中下载Dart插件，假如下不了，那就是没有进行科学上网的原因，也可以通过科学上网访问下面的链接进行下载。假如是自己通过如下链接下载的，则把下载后的zip包解压后将整个文件夹复制到你使用的ide的plugins文件夹中（整个文件夹拷贝到plugins下即可）。

plugins.jetbrains.com/pluginManag…

（3）然后在Androidstudio或者IntelliJ IDEA 中下载flutter-intellij插件，假如下不了，那就是没有进行科学上网的原因，也可以通过科学上网访问下面的链接进行下载。假如是自己通过如下链接下载的，则把下载后的zip包解压后将整个文件夹复制到你使用的ide的plugins文件夹中（整个文件夹拷贝到plugins下即可）。

plugins.jetbrains.com/pluginManag…

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

• 我们第一次运行是需要创建一个模拟器，需要根据 andriod sdk 下载对应镜像,在settings里找到Android SDK的配置，点edit。并且下载需要的系统镜像。

• 接着就可运行项目,配置运行到 Chrome (web)

• 至此，配置完毕

最后

• 本文是借助的文章为 我是胡小结, 感谢大佬的文章。
• 文中如有错误, 请大佬不吝赐教, 有不错的flutter教程请推荐一下哟~。