Dartプログラミング-環境

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

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

[[1]] Dartエディターはスクリプトを実行し、HTMLとコンソール出力の両方を表示します。オンラインエディタには、プリセットコードサンプルのセットが付属しています。

*Dartpad* エディターのスクリーンショットを以下に示します-

ダートパッド

Dartpadでは、より制限的な方法でコーディングすることもできます。これは、エディターの右下にある[強モード]オプションをチェックすることで実現できます。強力モードは次の場合に役立ちます-

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

Dartpadを使用して次の例を試すことができます

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

コードは次の出力を表示します

hello world

ローカル環境のセットアップ

このセクションでは、ローカル環境のセットアップ方法を見てみましょう。

テキストエディターの使用

いくつかのエディターの例には、Windows Notepad、Notepad ++、Emacs、vim、viなどが含まれます。編集者は、オペレーティングシステムごとに異なる場合があります。通常、ソースファイルには拡張子「.dart」が付けられます。

Dart SDKのインストール

Dartの現在の安定バージョンは 1.21.0 です。 dart sdk は次からダウンロードできます-

Dart SDKのインストールのスクリーンショットは以下のとおりです-

ダートのインストール

SDKのインストールが完了したら、PATH環境変数を次のように設定します-

<dart-sdk-path>\bin

インストールの検証

Dartが正常にインストールされているかどうかを確認するには、コマンドプロンプトを開き、次のコマンドを入力します-

Dart

インストールが成功すると、dartランタイムが表示されます。

IDEサポート

多数のIDEがDartのスクリプトをサポートしています。例には、Jet Brainsの Eclipse、IntelliJ 、および WebStorm が含まれます。

以下は、 WebStrom IDE を使用してDart環境を設定する手順です。

WebStormのインストール

WebStormのインストールファイルは、https://www.jetbrains.com/webstorm/download/#section=windows-version [[[2]] 。]

WebStormインストールファイルは、Mac OS、Windows、およびLinuxで利用可能です。

インストールファイルをダウンロードした後、以下の手順に従ってください-

Dart SDKをインストールします：上記の手順を参照してください
新しいDartプロジェクトを作成し、Dartサポートを構成する
新しいDartプロジェクトを作成するには、
「ようこそ」画面で「新規プロジェクトの作成」をクリックします
次のダイアログボックスで、[ダーツ]をクリックします
Dart SDK パスに値が指定されていない場合は、SDKパスを指定します。たとえば、SDKパスは <dart installation directory>/dart/dartsdk になります。

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

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

プロジェクトを右クリック
新規→Dartファイル
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

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

Dart-programming-environment