使用IDEA配置Flutter开发环境

教程说明

本教程目的是解决配置Flutter开发环境是,因为本地存在IDEA不愿安装Android Studio的情况

注意

  • 本地需Java JDK,版本最好使用jdk8,虽然似乎jdk11也行,请自行判断
  • 本教程为后期整理,可能存在遗漏和不详细的情况,需操作者稍微会用IDEA等工具,若无法接受可以跟随官方教程使用Android Studio

1.安装Flutter SDK

安装Flutter SDK

官方教程和安装地址

安装和环境配置 - Flutter 中文文档 - Flutter 中文开发者网站 - Flutter

下载完后自定义目录解压即可

安装后配置环境变量

加入 flutter\bin 目录的完整路径

例如本人为D:\workspace\Flutter\flutter-sdk\bin

此时在命令行中输入如下命令,若命令存在则成功

flutter --version
# 以下为正确输出,可能版本与地址等部分信息不同
# Flutter 3.0.5 • channel stable • https://github.com/flutter/flutter.git
# Framework • revision f1875d570e (5 weeks ago) • 2022-07-13 11:24:16 -0700
# Engine • revision e85ea0e79c
# Tools • Dart 2.17.6 • DevTools 2.12.2

2.安装Android SDK

安装Android SDK

IDEA新建项目中可选择Android,若未安装Android SDK右侧无法选择项目模板,请根据右侧提示自定义目录安装
安装Android SDK

安装Android SDK Command-line Tools

在IDEA设置板块中搜索"SDK"即可找到系统设置中的Android SDK,选择右侧SDK Tools,勾选Android SDK Command-line Tools
安装Android SDK Command-line Tools

安装后配置环境变量

此时通过前两部安装,在Android SDK安装目录中存在platform-tools文件夹,将当前文件夹的完整目录加入环境变量中

例如本人为D:\SDK\Android\platform-tools

此时在命令行中输入如下命令,若命令存在则成功

adb version
# 以下为正确输出,可能版本与地址等部分信息不同
# Android Debug Bridge version 1.0.41
# Version 33.0.2-8557947
# Installed as D:\SDK\Android\platform-tools\adb.exe

3.运行flutter doctor

检查开发环境

打开系统命令行,输入如下命令可以检查当前开发环境

flutter doctor

解决Android SDK找不到问题

其中不出意外的话仅有第二项为错误,提示找不到Android SDK(因为自定义目录安装关系),只需设置下Android SDK安装目录即可

flutter config --android-sdk [自定义安装目录]
# []替换为自定义Android SDK目录即可,注意空格间隔
# 例如:flutter config --android-sdk D:\SDK\Android

解决Android许可问题

解决上一个问题再次输入flutter doctor检查环境时,不出意外会出现此问题,输入如下命令并一路选项确认即可

flutter doctor --android-licenses
# 安装过程中有许多选项,一律输入y确认即可

关于未安装Android Studio问题

本教程就是以IDEA代替Android Studio ,无视即可

其他问题

若还存在其他问题,可以自行百度解决

4.IDEA基础设置和项目创建

IDEA安装Flutter与Dart插件

此处不过多赘述,其实只需安装Flutter插件即可,他会提示你自动安装Dart插件
IDEA安装Flutter与Dart插件

创建Flutter项目

如上安装插件操作重启IDEA后,在新建项目中选择Flutter项目,并配置好本地Flutter SDK目录,点击下一步

下一步中为Flutter项目的基础设置,请自行根据需要选择,项目就会自动创建成功
创建Flutter项目

Android虚拟机设置

在IDEA顶部 tools->Android->AVD 进入虚拟机设置界面,并新建虚拟机
虚拟机设置

选择虚拟手机型号
选择虚拟手机型号

选择虚拟机安卓系统,理论上向下兼容选择最高即可或可以根据自行需求选择安装(本人只安装了R版本),右侧界面可能提示需要安装其他东西,请自行根据提示安装后重新进入新建虚拟机即可出现如图右侧界面
选择虚拟机安卓系统

点击下一步后出现一些其余设置,若无特殊需求点击完成即可

5.运行项目

以下为重点,但同时不包含所有运行错误,如遇到之外的问题请自行百度处理

配置Maven镜像仓库

由于某些原因,国外Gradle仓库无法正常访问,需本地配置Maven镜像仓库,修改build.gradle文件
build.gradle文件位置
build.gradle修改案例

maven { url 'https://maven.aliyun.com/repository/central'}
maven { url 'https://maven.aliyun.com/repository/public' }
maven { url 'https://maven.aliyun.com/repository/google'}
maven { url 'https://maven.aliyun.com/repository/gradle-plugin'}
maven { url 'https://dl.google.com/dl/android/maven2/'}

尝试运行项目

首先开启安卓虚拟机,再启动项目,这里也不过多赘述IDEA的基础使用,首次启动若启动成功会安装许多东西,耐心等待就好
运行项目

解决查找不到虚拟设备问题

这里可能是adb被占用等情况,只需手动连接一次之后就没有问题了,我们打开命令行进行手动连接,连接后再尝试启动项目则无此问题

# 在开启虚拟机的情况下,查看当前设备
adb devices
# 输入后会输出当前存在的设备
# List of devices attached
# emulator-5554   device

# 手动连接
adb connect [设备名]
# 请自行根据查询到的设备替换[]
# 例如根据当前查询情况为 adb connect emulator-5554
Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐