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 命令。
- 将 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开发助手,可以帮助开发者:
- 快速上传应用到App Store
- 管理证书和描述文件
- 简化繁琐的打包上传流程
- 支持批量操作,提高工作效率
AppUploader特别适合Flutter开发者使用,因为它可以无缝对接Flutter项目,省去了很多Xcode配置的麻烦。对于需要同时开发Android和iOS应用的Flutter开发者来说,这是一个不错的辅助工具选择。
最后
- 文中如有错误, 请不吝赐教, 有不错的flutter教程请推荐一下。