使用IDEA配置Flutter开发环境

卷心菜汪

已于 2022-08-15 12:53:04 修改

阅读量6.6k

点赞数 4

分类专栏：开发环境配置文章标签： flutter intellij idea

于 2022-08-15 12:39:30 首次发布

本文链接：https://blog.youkuaiyun.com/qq_51397468/article/details/126344539

版权

开发环境配置专栏收录该内容

1 篇文章

订阅专栏

使用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 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