Deepin v20 Flutter 从零配置（Ubuntu理论适用）

全网最详细的Flutter配置说明，Ubuntu理论适用

资源准备

Android Studio
下载 Android Studio，并解压

配置 init.gradle，配置国内源，避免 Android Studio 运行缓慢
在 HOME 目录下创建 .gradle 目录
```
mkdir .gradle
```
点击下载init.gradle文件

放置在 .gradle 目录内
双击 /android-studio/bin 下的 studio.sh （在弹出的窗口选择运行即可）

一路按默认设置点过去即可，遇到 proxy 红色感叹号的窗口，点 cancel，接着等待各种必要组件下载完成即可。
- 配置 Android Studio 环境到系统
```
sudo deepin-editor ~/.bashrc
```
  注：Ubuntu 应该是以下命令，下文提到的类似操作均是如此，不再重复说明，Deepin用户请忽略这一说明。
```
sudo nano /etc/profile
```
  在 .bashrc 文件末添加：（注意将下面的 username 改为自己的 deepin用户名）
```
# For Android Studio
export ANDROID_HOME=/home/username/Android/Sdk
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools
export PATH=$PATH:$ANDROID_HOME/emulator
```
  关闭编辑器，刷新 ~/.bashrc
```
source ~/.bashrc
```
  注：Ubuntu 应该是以下命令，下文提到的类似操作均是如此，不再重复说明。
```
source /etc/profile
```
- 测试
```
adb
```
  若输出
```
Android Debug Bridge version 1.0.41
Version 30.0.4-6686687
Installed as /home/username/Android/Sdk/platform-tools/adb
...省略大量说明
```
  即为配置成功
Visual Studio Code
下载并安装 vs code

扩展商店里面安装以下插件
- chinese
- flutter

jdk8

下载 jdk8 （需注册登录 Oracle ）并解压

在 /usr/lib/ 目录下创建jvm文件夹
sudo mkdir /usr/lib/jvm
进入下载的jdk所在的目录，将解压好的目录 jdk1.8.0_261 移动到 /usr/lib/jvm/ 内
sudo mv jdk1.8.0_261 /usr/lib/jvm/
配置 Java 到系统环境
sudo deepin-editor ~/.bashrc
在 .bashrc 文件末添加：
# For JAVA
export JAVA_HOME=/usr/lib/jvm/jdk1.8.0_261
export JRE_HOME=${JAVA_HOME}/jre
export CLASSPATH=.:${JAVA_HOME}/lib:${JRE_HOME}/lib
export PATH=${JAVA_HOME}/bin:$PATH
关闭编辑器，刷新 ~/.bashrc
source ~/.bashrc
测试
java -version
若输出
java version "1.8.0_261"
Java(TM) SE Runtime Environment (build 1.8.0_261-b12)
Java HotSpot(TM) 64-Bit Server VM (build 25.261-b12, mixed mode)
即为配置成功

Flutter

下载git
sudo apt install git -y
下载 Flutter（视个人网速），注意 clone 的位置，我在主目录下运行这个命令，这样会在主目录下创建一个 flutter 目录，刚好和 Android 在一起
git clone https://github.com/flutter/flutter.git
配置 Flutter 到系统环境
sudo deepin-editor ~/.bashrc
在 .bashrc 文件末添加：（注意将下面的 username 改为自己的 deepin用户名）
# For Flutter
export PATH=/home/username/flutter/bin:$PATH
export PUB_HOSTED_URL=https://mirrors.tuna.tsinghua.edu.cn/dart-pub
export FLUTTER_STORAGE_BASE_URL=https://mirrors.tuna.tsinghua.edu.cn/flutter
关闭编辑器，刷新 ~/.bashrc
source ~/.bashrc
检测Flutter环境，首次运行会下载 Dart SDK（视个人网速）
flutter doctor
输出（如果要在 AS 内写项目，安装 Flutter 插件即可，这里以 VS Code为例子，AS不在赘述）
[✓] Flutter (Channel master, 1.22.0-10.0.pre.161, on Linux, locale zh_CN.UTF-8)
 
[!] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
    ✗ Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses
[!] Android Studio (version 4.0)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
[✓] VS Code (version 1.49.0)
[!] Connected device
    ! No devices available
验证安卓证书（注意，这里如果不是 jdk8，会报错）
flutter doctor --android-licenses
一路 y 过去即可

修改默认Flutter源

进入如下目录 flutter/⁨packages⁩/flutter_tools⁩/gradle/flutter.gradle 文件：

修改如下：
//...
buildscript {
     repositories {
         //google()
         //jcenter()
         maven { url 'https://maven.aliyun.com/repository/google' }
         maven { url 'https://maven.aliyun.com/repository/jcenter' }
         maven { url 'https://maven.aliyun.com/repository/public' }
     }
     dependencies {
         classpath 'com.android.tools.build:gradle:3.5.0'
     }
 }
//...
保存并退出

体验Flutter
- 创建新的应用
  1. 启动 VS Code
  2. 调用 View>Command Palette… （或者 Ctrl + Shift + P ,F1）
  3. 输入 ‘flutter’, 然后选择 ‘Flutter: New Project’ action
  4. 输入 Project 名称 (如myapp), 然后按回车键
  5. 指定放置项目的位置，然后按蓝色的确定按钮
  6. 等待项目创建继续，并显示main.dart文件
    
    …
  …体验Flutter内容源自Flutter中文网自行查看

至此，Flutter环境已经全面配置完毕，玩的愉快！

Deepin v20 Flutter 从零配置（Ubuntu理论适用）

Deepin v20 Flutter 从零配置（Ubuntu理论适用）

猜你喜欢