如何在ubuntu 20.04配置Flutter开发环境

Flutter是Google推出的跨平台UI框架，它可用于快速构建漂亮的Web,移动,桌面原生高性能的应用.早在2018就已正式推出1.0版本,现在可用版本更新到1.5,并且带来更多的新的特性,所以这里安装的是flutter最新版本。

在本教程中，我们将说明如何在ubuntu 20.04中配置Flutter开发环境。

科学上网的工具

由于我们网络环境特殊性,在构建环境之前先准备好科学上网工具shadowsocks和http代理工具polipo，或者是Wireguard。

如果你没有科学上网工具，你可以切换Flutter国内镜像。通过添加以下环境变量。

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

你可以将镜像站点持久化到你的环境变量中，通过添加到家目录下的.bashrc或者.zshrc文件

echo export PUB_HOSTED_URL=https://pub.flutter-io.cn >> ~/.bashrc
echo export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn >> ~/.bashrc 

echo export PUB_HOSTED_URL=https://pub.flutter-io.cn >> ~/.zshrc
echo export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn >> ~/.zshrc 

安装环境

安装Flutter SDK

下面是安装Flutter sdk的稳定版本,更多版本请查看SDK归档页面

mkdir dev
export http_proxy=http://localhost:8123
wget https://storage.googleapis.com/flutter_infra_release/releases/stable/linux/flutter_linux_2.2.3-stable.tar.xz

解压skd包

cd dev
tar xzfv flutter_linux_2.2.3-stable.tar.xz

导入PATH环境变量中

export PATH="$PATH:`pwd`/flutter/bin"
echo export PATH='$PATH':`pwd`/flutter/bin #持久化到文件中

使用flutter doctor验证Flutter SDK安装是否完成

flutter doctor
[✓] Flutter (Channel stable, v1.2.1, on Linux, locale en_US.UTF-8)

安装Android Studio

wget https://dl.google.com/dl/android/studio/ide-zips/3.4.0.18/android-studio-ide-183.5452501-linux.tar.gz
tar xzfv android-studio-ide-183.5452501-linux.tar.gz
cd android-studio/bin/
./studio.sh

安装Android SDK和模拟器(可选)

打开 android-studio > configure > sdk manager > 选择sdk版本 > 然后点击apply

安装Android模拟器

打开android-studio > Tools > Android > AVD Manager > create virtual device

安装编辑器插件

Android-Studio

打开插件配置 (Preferences > Plugins on macOS, File > Settings > Plugins on Windows & Linux).

Vscode

打开vscode然后快速打开ctrl p,粘贴以下命令

ext install Dart-Code.flutter

再次验证环境安装

flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.2.1, on Linux, locale en_US.UTF-8)
[✓] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
[✓] Android Studio (version 3.3)
[✓] VS Code (version 1.33.1)
[✓] Proxy Configuration
[✓] Connected device