Dartプログラミング-環境

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

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

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

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

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

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

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

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

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

hello world

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

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

テキストエディタの使用

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

DartSDKのインストール

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

https://www.dartlang.org/install/archive
http://www.gekorm.com/dart-windows/

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

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

<dart-sdk-path>\bin

インストールの確認

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

Dart

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

IDEサポート

多数のIDEがDartでのスクリプトをサポートしています。例としてはEclipse, IntelliJ、および WebStorm ジェットブレインズから。

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

WebStormのインストール

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

WebStormインストールファイルは、Mac OS、Windows、およびLinuxで使用できます。

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

Dart SDKをインストールします。上記の手順を参照してください
新しいDartプロジェクトを作成し、Dartサポートを構成します
新しいDartプロジェクトを作成するには、
- クリック Create New Project ウェルカム画面から
- 次のダイアログボックスで、 Dart
に値が指定されていない場合 Dart SDKパスを入力し、SDKパスを指定します。たとえば、SDKパスは次のようになります。<dart installation directory>/dart/dartsdk。

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

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

プロジェクトを右クリックします
新規→ダートファイル
ダートスクリプトの名前を入力してください

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

dart2jsツール

ザ・ dart2jsツールはDartコードをJavaScriptにコンパイルします。DartコードをJSにコンパイルすると、DartVMをサポートしていないブラウザーでDartスクリプトを実行できるようになります。

dart2jsツールはDartSDKの一部として出荷されており、 /dartsdk/bin folder。

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

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

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