ゼロ構成からのDeepinv20 Flutter(Ubuntu理論が適用されます)

ゼロ構成からのDeepinv20 Flutter(Ubuntu理論が適用されます)

ネットワーク全体で最も詳細なFlutter構成手順であるUbuntu理論が適用されます

  1. リソースの準備

    • Android Studio

      AndroidStudioをダウンロードして解凍します

      init.gradleAndroid Studioの実行速度が低下しないように、国内ソースを構成および構成します

      HOMEディレクトリの下に.gradleディレクトリを作成します

      mkdir .gradle
      

      クリックしてファイルダウンロードinit.gradle

      .gradleディレクトリに配置

      / android-studio / binの下のstudio.shをダブルクリックします(ポップアップウィンドウで[実行]を選択するだけです)

      デフォルト設定を押して、最後までクリックします。赤い感嘆符が付いたプロキシウィンドウが表示されたら、[キャンセル]をクリックして、必要なすべてのコンポーネントのダウンロードが完了するのを待ちます。

      • AndroidStudio環境をシステムに構成します

        sudo deepin-editor ~/.bashrc
        

        注:Ubuntu 应该是以下命令,下文提到的类似操作均是如此,不再重复说明,Deepin用户 请忽略这一说明。

        sudo nano /etc/profile
        

        追加:(次のファイルの最後にあるメモ.bashrcusernameはそれらを変更しました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
        ...省略大量说明
        

        つまり、構成は成功します

    • VisualStudioコード

      vsコードをダウンロードしてインストールする

      拡張ストアに次のプラグインをインストールします

      • 中国語
      • フラッター
    • 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)
      

      つまり、構成は成功します

    • フラッター

      gitをダウンロード

      sudo apt install git -y
      

      Flutterをダウンロードし(パーソナルネットワークの速度に応じて)、クローンの場所に注意してください。このコマンドをホームディレクトリで実行すると、Androidと一緒にホームディレクトリにFlutterディレクトリが作成されます。

      git clone https://github.com/flutter/flutter.git
      

      システム環境に合わせてFlutterを構成する

      sudo deepin-editor ~/.bashrc
      

      追加:(次のファイルの最後にあるメモ.bashrcusernameはそれらを変更しました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
      

      Android証明書を確認します(ここでjdk8でない場合、エラーが報告されることに注意してください)

      flutter doctor --android-licenses
      

      ずっと行くだけ


      デフォルトの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. フラッターを体験する

    • 新しいアプリケーションを作成する

      1. VSCodeを開始します

      2. [表示]> [コマンドパレット...](またはCtrl + Shift + P、F1)を呼び出します

      3. 「flutter」と入力し、「Flutter:NewProject」アクションを選択します

      4. プロジェクトの名前(例myapp)を入力し、Enterキーを押します

      5. アイテムを配置する場所を指定し、青い[OK]ボタンを押します

      6. プロジェクトの作成が続行されるのを待ち、main.dartファイルを表示します

      …FlutterChineseWebサイトのFlutterコンテンツを体験して自分で表示する

この時点で、Flutter環境は完全に構成されており、楽しんでください。

おすすめ

転載: blog.csdn.net/qq_41238308/article/details/108591833