この記事では、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サイトにあります。
コメントを残す