Hongmengが開発を開始した環境のセットアップ

この記事では、次の7つの側面を紹介します

1.開発ツールをダウンロードしてインストールします
。2。開発ツールを起動します
デフォルトでSDKがダウンロードされます。3。実名の認定開発者アカウントにログインします
。4。開発言語をインストールします(JS開発が必要な場合は、Javaがデフォルトでインストールされます。JS開発が必要な場合は、Node.jsを手動でインストールする必要があります)
。5。デフォルトではインストールされていないSDKをインストールします(現在、SDKにはJS、Java、Nativeが含まれています)
6.プロジェクトを作成します
7.シミュレーターを起動し
ます他の記事、私のアバターをクリックして
元のテキストを表示できます。Yuqueに移動して検索できます:Hongmeng、検索結果行まず(現在)、作者:chatterzhaoがこの記事のソースです。アカウント:chatterzhao
検索することもできます。そのドキュメントには他にもいくつかのチュートリアルがあります。

記事内の一部のリンクは直接開くことができません。右クリックして開くことができます。

1.準備

開発環境

注:•現在のIDE開発は、デバイス開発とアプリケーション開発に分かれています。ダウンロード時には区別に注意してください。•現在、
Windowsバージョン、macOSバージョンのみが準備されています。2020.9.10以降、IDEバージョン:アプリケーション開発は2.0beta、デバイス開発は1.0 beta1です。
•ダウンロードにはアカウントが必要です。Huaweiフォンの場合は、フォンの設定を開き、アカウントにスキャンコードがあり、スキャンしてログインします。開発者アカウントを登録していない場合は、登録して実名認証を行ってください(IDEのダウンロードにはアカウントが必要です。開発中にシミュレーターを開始するには、実名アカウントにログインする必要があります。そうすると、登録エントリーがポップアップ表示されます)。その他のインストール関連のチュートリアルについては、https://developer.harmonyos.com/cn/docs/documentation/doc-guides/software_install-0000001053582415を参照してください。

1. IDEをインストールする

IDEの名前のDevEcoは次のように表示されます。

デバイス開発IDE:HUAWEI DevEcoデバイスツール

ダウンロードリンク:https:
//device.harmonyos.com/cn/ide#download スマートデバイス(ハードウェア)のワンストップ統合開発環境、HarmonyOSコンポーネントのオンデマンドカスタマイズ、ワンクリックのコンパイルと書き込み、ビジュアルデバッグ、分散機能をサポート統合などにより、開発者は新しいハードウェアを効率的に開発および革新できます。

アプリケーション開発IDE:HUAWEI DevEco Studio

ダウンロードリンク:https:
//developer.harmonyos.com/cn/develop/deveco-studio#download HUAWEI DevEco Studio(以降、DevEco Studioと呼びます)はIntelliJ IDEA
Communityオープンソースバージョンに基づいており、すべてのシナリオと複数のデバイスにおけるHuaweiデバイスのワンストップサイトです統合開発環境(IDE)は、プロジェクトテンプレートの作成、開発、コンパイル、デバッグ、リリースなどのE2E HarmonyOSアプリケーション開発サービスを開発者に提供します。DevEco
Studio を使用することで、開発者はHarmonyOSの分散機能を使用してアプリケーションをより効率的に開発でき、イノベーションの効率が向上します。

2.開発言語に従って言語をインストールします

Hongmengプラットフォームアプリケーションで現在サポートされている開発言語:JS、JAVA、C / C ++、Java言語はデフォルトでIDEにインストールされています。開発にJS言語を使用する場合は、手動でNode.jsをインストールする必要があります。それ以外の場合は必要ありません。

Node.js公式ウェブサイト:https://nodejs.org/zh-cn/、長期サポートバージョンをダウンロードすることをお勧めします。インストールは非常に簡単で、言うまでもありません。JS
開発?私のように、誰もが大きな疑問符を持っているかもしれません。これを少し明確にするためのリンクがあります:https://www.yuque.com/chatterzhao/harmony/mkhygd

アプリケーション開発IDEは次のようにインストールされます。

ここに画像の説明を挿入

3. SDKのインストール

任意の言語で開発する必要がある場合は、対応するSDKをインストールします。JSで開発する場合は、JS SDKをより速くダウンロードするために、コマンドラインで実行できます:npm config set
registry https://mirrors.huaweicloud.com/repository/npm/

ここに画像の説明を挿入
ここに画像の説明を挿入

4.開発者アカウントにログインします

デバッグ:プレビューア、シミュレータ、リモート仮想デバイス
•プレビューアメニュー:表示->ツールウィンドウ->プレビューア(コードを編集する特定のページに入るには、メニューをクリックしてプレビューアを表示し
ます。•シミュレータメニュー:エントリ1:実行- >
デバッグ「エントリ」、エントリ2:表示->ツールウィンドウ->シミュレータ(エントリ1が1回正常に実行された場合のみ使用可能)
•リモート仮想デバイスメニュー:ツール-> HVDマネージャ(実名のアカウントへのログインが必要、使用時間の制限に注意) )以下のスクリーンショットでHVD Managerをクリックします。
ログインしていない場合は、デフォルトのブラウザーを使用してログインURLを開くか、以下に示すようにDevEcoログインをクリックしてログインを開始します

IDEからログインを開始
ここに画像の説明を挿入
IDEログインを許可する

同意する

ここに画像の説明を挿入

5. IDEスキンを設定する

ここでダークモードに設定します。ファイル->設定…->外観と動作->外観->テーマ-> Huaweiダークテーマ

6. IDEのフォントを設定する

IDEソフトウェア自体のフォント、次のフォントサイズは個人の好み

指定したフォントをコンスタンシア、フォントサイズ14として有効にします。ファイル->設定…->外観と動作->外観->チェックカスタムフォントの使用->フォント設定:コンスタンシア、フォントサイズ設定:14

7. IDEエディターのフォントを設定する

コードフォント、次のフォントサイズは個人的な好みです

指定したフォントは、Consolas、フォントサイズ16としてここで有効になります。ファイル->設定…->エディター->フォント->フォント->フォント設定:Consolas、フォントサイズ設定:16(英語フォント用)
フォールバックフォント(候補フォント)、これを設定します等幅(中国語フォント用)

8. IDE中国語

Hongmengで生まれたIDE
の開発ツールが英語である理由は多くの人から言われています。私はとても動揺しています。初期の段階で理解できると思います。Huawei 自体は急いでいます。開発者は英語でコードを記述しています。世界は同じです。英語は普遍的に使用できます。将来的には各国が自国語で対応できるようになり、そのような関係がなくても英語で理解できるようになります。

IntellJに基づいて開発されていることに注意してください。IntellJを中国語に変換することで、DevEco Studioを中国語に変換できる可能性があります。

Sinicizationリファレンスリンク:https ://developer.huawei.com/consumer/cn/forum/topicview?fid=0101303901040230869 & tid=0203356660849910794

2、公式文書

IDEインストール/環境設定/はじめに/各開発言語に対応したAPI-UI等、公式ドキュメントあり

Hongmeng公式ウェブサイト:https ://www.harmonyos.com/cn/home/

すべてが始まっどこに誰もが覚えているので、Baiduは、現時点では公式サイトを見つけることができません:Hongmeng OS.com、ドメイン名は英語である:harmonyos.com
発音:調和英語[hɑːməni]アメリカ[hɑːrməni]
。nは
ハーモニー、ハーモニー、ハーモニー;調和;コーディネーション

開発ドキュメント:https : //developer.harmonyos.com/cn/documentation

開発環境でのインストールおよび構成に関連するチュートリアルの詳細については、https//developer.harmonyos.com/cn/docs/documentation/doc-guides/software_install-0000001053582415を参照してください。この
チュートリアルでは、JS SDKはデフォルトではインストールされないが、実際にはインストールされると説明しています。現在、JS、JAVA、C / C ++開発言語をサポートしています。JS
開発?私と同じように、誰もが大きな疑問符を付けている可能性があります。少しわかりやすくするためのリンクは、https://www.yuque.com/chatterzhao/harmony/mkhygdです。詳細については、https://をご覧ください。 developer.harmonyos.com/cn/docs/documentation/doc-references/js-framework-file-0000000000611396

1. Java API、ネイティブAPI、JS APIドキュメントアドレス

https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-framework-file-0000000000611396

2. Java UI、JS UIドキュメントアドレス

https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-java-overview-0000000000500404

3.コミュニティ

•51CTO:https ://harmonyos.51cto.com/•
電子マニア(ハードウェア):https ://bbs.elecfans.com/harmonyos•Huawei
Developer Alliance:https : //developer.huawei.com/consumer/cn / forum / blockdisplay?fid = 0101303901040230869

4番目に、プロジェクトを作成します

これで、TVおよびウェアラブルデバイス用のアプリケーションを作成できます。ここでは、TV用の空のプロジェクトを作成します。これが最初のオプションです。JS言語を選択します。

HarmonyOSプロジェクト1の作成:

ここに画像の説明を挿入

HarmonyOSプロジェクト2の作成:

ここに画像の説明を挿入

HarmonyOSプロジェクト3を作成:

ここに画像の説明を挿入

HarmonyOSプロジェクト4の作成:

ここに画像の説明を挿入

5、デバッグ

プレビューア、シミュレータ、リモート仮想デバイス•プレビューメニュー:表示->ツールウィンドウ->
プレビューア(コードを編集するには特定のページを入力し、メニューをクリックしてプレビューアを表示する必要があります)

•シミュレータメニュー:エントリ1:実行->デバッグの
エントリ(ポート2など)-表示->ツールウィンドウ-> シミュレータ(一度正常に実行するには、エントリ1が必要です)

•リモート仮想デバイスメニュー:[ツール]-> HVDマネージャー(実名のアカウントにログインする必要があります。使用制限時間に注意してください)

ここに画像の説明を挿入

シミュレーションテスト用にリモートデバイスを起動

リモートデバイスを起動するには、実名の開発者アカウントにログインする必要があります(ログインしていない場合、ログインページがデフォルトのブラウザーで自動的に開きます。実名のないアカウントでログインすると、正常にログインできません)。

最初の起動時にいくつかのものがダウンロードされる必要があり、遅くなります

2010.9.10以降、テレビとウェアラブルのみが外付けです。

ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
TVモード、リモート仮想デバイスウィンドウでは表示するには不十分です。設定をクリックして表示を変更できます(赤い丸をクリックします)


HarmonyOS公式開発者フォーラム:https ://developer.huawei.com/consumer/cn/forum/blockdisplay?fid=0101303901040230869

元のリンク:https : //developer.huawei.com/consumer/cn/forum/topicview?tid=0202355439466190732&fid=0101303901040230869

著者:chatterzhao

おすすめ

転載: blog.csdn.net/weixin_44708240/article/details/108773369