Dart言語開発環境

この記事では、WindowsプラットフォームでのDartの実行環境のセットアップについて説明します。

DartPadを使用してスクリプトをオンラインで実行する

https://dartpad.dartlang.org/ のオンラインエディタを使用して、テストスクリプトをオンラインで実行できます。Dartエディタはスクリプトを実行し、HTMLとコンソール出力を表示します。オンラインエディタには、一連のプリセットコード例が付属しています。

Dartpadエディタのスクリーンショットは次のとおりです –

Dartpadは、より厳密な方法でエンコードすることもできます。これは、エディタの右下隅にあるストロングモードオプションをチェックすることで実現されます。ストロングモードの役割が次のとおりです –

  • より強力な静的および動的チェック。
  • 相互運用性を向上させるための慣用的なJavaScriptコードの生成。

次の実例はDartpadで実行できます –

void main() { 
   print('hello world'); 
}

上記のコードを実行すると、次の結果が出力されます。

ローカル環境を設定する

この記事では、ローカル環境を設定する方法を示します。

テキストエディタを使用する

エディタの例には、Windows Notepad、Notepad ++、Emacs、vim、viなどがあります。 エディタは、オペレーティングシステムによって異なる場合があります。dartプログラムのソースファイルは通常、拡張子.dartで名前が付けられます。

Dart SDKをインストールする

Dartの現在の安定バージョンは2.3.1です。dart sdkは、以下のリンクからダウンロードできます –

  • https://dart.dev/tools/sdk/archive
  • http://www.gekorm.com/dart-windows/

Dart SDKインストールのスクリーンショットを以下に示します –

SDKのインストールが完了した後、Dart実行可能ファイルに環境変数を追加します –

<dart-sdk-path>\bin

インストールを確認する

Dartが正常にインストールされたことを確認するには、コマンドプロンプトを開き、次のコマンドを入力します –

C:/> dart
Shell

インストールが成功すると、次の図に示すように、dartランタイムが表示されます。

IDEサポート

多くのIDEは、Dartでのスクリプトをサポートしています。Eclipse、IntelliJ、WebStormが含めます。

WebStrom IDEを使用してDart環境を構成する手順を以下に示します。

WebStormをインストールする

WebStormのインストールファイルはhttps://www.jetbrains.com/webstorm/download/#section=windows-versionからダウンロードできます。

WebStormインストールファイルは、Mac OS、Windows、およびLinuxに適しています。

インストールファイルをダウンロードした後、以下の手順に従います –

  • Dart SDKのインストール:上記の手順を参照してください。
  • 新しいDartプロジェクトを作成し、Dartサポートを構成します。
  • 新しいDartプロジェクトを作成するには、
    –单击“欢迎屏幕”中的“创建新项目”
    –在下一个对话框中,单击“Dart”
    –「ようこそ」の「新規プロジェクトの作成」をクリックします。
    –次のダイアログボックスで、[Dart]をクリックします。
  • Dart SDKパスに値が指定されていない場合は、SDKパスを指定します。例えば、SDKパスは/dart/dartsdkです。

Dartファイルをプロジェクトに追加する

Dartファイルをプロジェクトに追加するには、次の手順を参照してください –

  • Projectを右クリックします
  • New → Dart File
  • Dartスクリプトの名前を入力します

以下はWebStormエディタのスクリーンショットです –

dart2jsツール

dart2jsツールは、DartコードをJavaScriptにコンパイルするために使用されます。DartコードをJSにコンパイルすると、Dart VMをサポートしていないブラウザでDartスクリプトを実行できます。

dart2jsツールはDart SDKの一部として提供されており、/dartsdk/binフォルダにあります。

DartをJavaScriptにコンパイルするには、ターミナルで次のコマンドを入力します。

$ dart2js - - out = <output_file>.js  <dart_script>.dart
Shell

このコマンドは、Dartコードと同等のJavaScriptを含むファイルを生成します。この記事の使用に関する完全なチュートリアルは、Dartの公式Webサイトにあります。

Share

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です