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环境已经全面配置完毕,玩的愉快!

你可能感兴趣的:(经验之谈,Python,Flutter,dart,flutter)