Ubuntu24.04 Flutter环境搭建(无Android Studio)

上周才学Dart和Flutter，搭建环境需要安装Android Studio，安装之后又用不到。 正好昨天安装了Ubuntu24.04作为自己的桌面系统，这次想试试不安装Android Studio就把Flutter开发环境搭建起来。在此记录一下。

更新源并安装Java

sudo apt update && sudo apt upgrade -y
sudo apt install openjdk-17-jre openjdk-17-jdk -y

环境变量

sudo find / -name java

运行上面的命令，可在一堆输出中发现openjdk的存放位置：

/usr/lib/jvm/java-17-openjdk-amd64

# ~/.bashrcexport JAVA_HOME=/usr/lib/jvm/java-17-openjdk-amd64
export PATH=$JAVA_HOME/bin:$PATH

下载sdkmanager

Android Studio不是必须的，但是里面的SDK是开发APP必须的。下载sdkmanager，可方便管理SDK。

在Android Studio下载页面的最下方：

选择Linux对应的zip文件下载即可。

我的用户根目录是/home/red 在用户根目录中建立文件夹：

mkdir development
cd development
mkdir sdks codes # 建立了两个文件夹：sdks和codes
cd sdks
mkdir android_sdk
# 把刚才下载的`commandlinetools-linux-11076708_latest.zip`解压在此。
# 解压后就是cmdline-tools目录。
# 新建latest文件夹，把cmdline-tools里面 的东西都放进去。
mkdir latest
mv cmdline-tools/* latest
mv latest cmdline-tools

此时，android_sdk就是ANDROID_HOME，但当前只有cmdline-tools包，需要先安装必要的包，不然设置为ANDROID_HOME也没用。

# 进入cmdline-tools/latest/bin目录
# 运行sdkmanager命令，安装必要的包。
cd cmdline-tools/latest/bin
./sdkmanger --install  "platforms;android-29" "build-tools;29.0.0" "platform-tools" "emulator" "system-images;android-29;default;x86"

安装结束后，目录如下：

设置ANDROID_HOME

# ~/.bashrc
export ANDROID_HOME=$HOME/development/sdks/android_sdk
export PATH=$ANDROID_HOME/cmdline-tools/latest/bin:$PATH
export PATH=$ANDROID_HOME/emulators:$PATH

随后source ~/.bashrc，便可在命令行直接使用sdkmanager命令和emulator命令了。

安装flutter

此次选择用snap安装，没试用别的方式。

sudo snap install flutter --classic
flutter # 安装完之后，一定要运行这个命令，它会安装一些必要的东西。
flutter doctor --android-licenses # 全选'y'，同意所有协议
flutter doctor # 查看flutter环境有没有问题

创建项目

cd development/codes
flutter create hello #hello是一个flutter项目
cd hello

创建虚拟机

android_sdk下面有avdmanager工具，可以创建模拟器(emulator)，但是flutter创建起来更方便。 如下：

# 使用avdmanager
avdmanager create avd --name xiaomi --package 'system-images;android-29;default;x86'
# 运行
emulator -avd xiaomi
flutter emulators --launch xiaomi
flutter run 

# 使用flutter
flutter emulators --create --name xiaomi
#运行
flutter emulators --launch xiaomi 
# 等待界面完全显示之后 
flutter run #flutter程序会显示在'xiaomi'上。

NO_PROXY

假如设置了代理，就需要在.bashrc里面设置NO_PROXY：

# .bashrc
export NO_PROXY=localhost,127.0.0.1,::1

```bash
source ~/.bashrc
flutter doctor -v

发现NO_PROXY和刚才设置的不一样。原因如下：

把这里的值换成localhost,127.0.0.1,::1。 关机重启。

如果不注意这个问题，当运行flutter run时可能会报错：WebSocketExcetion: Invalid WebSocket upgrade request。有这个错，就是代理有问题。

最终效果

---

也许会出现的问题

emulator -avd xiaomi失败

android_sdk/tools/libs下面的device.xml复制一份放到system-images/android-29/default/x86_64下面(假如有这个文件夹的话)。