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

Deepin v20 Flutter 从零配置（Ubuntu理论适用，Windows可参考）

2022年4月23日 23:11 更新init.gradle（更新最新阿里源）

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

1. 资源准备

   • 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'
          }
      }
     //...
     

     保存并退出

2. 体验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环境已经全面配置完毕，玩的愉快！