Dart 环境

本章讨论在 Windows 平台上为 Dart 设置执行环境。

使用DartPad在线执行脚本

您可以使用https://dartpad.dartlang.org/上的在线编辑器在线测试您的脚本。Dart编辑器执行脚本并显示HTML和控制台输出。在线编辑器附带一组预设代码示例。

Dartpad 编辑器的屏幕截图如下:

Dartpad

Dartpad还能够以更严格的方式进行编码。这可以通过检查编辑器右下角的强模式选项来实现。强模式有助于 -

  • 更强大的静态和动态检查
  • 用于更好互操作性的惯用JavaScript代码生成。

您可以使用Dartpad尝试以下示例:

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

代码将显示以下输出

hello world

设置本地环境

在本节中,让我们看看如何设置本地环境。

使用文本编辑器

一些编辑器的示例包括Windows Notepad,Notepad ++,Emacs,vim或vi等。编辑器可能因操作系统而异。源文件通常以扩展名 ".dart" 命名。

安装Dart SDK

目前Dart的稳定版本是 2.1 。该 Dart SDK 可以从下载:

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

下面给出了Dart SDK安装的屏幕截图

dart安装

完成SDK安装后,将PATH环境变量设置为:

<dart-sdk-path>\bin

验证安装

要验证Dart是否已成功安装,请打开命令提示符并输入以下命令:

Dart

如果安装成功,它将显示dart运行时。

IDE支持

许多IDE支持Dart中的脚本编写。VSCodeAtom 还有来自JetBrain 的 EclipseIntelliJWebStorm

使用VSCode开发Dart(五星推荐)

  • VSCode 下载地址:https://code.visualstudio.com/
  • 安装dart扩展。
  • 创建以.dart为扩展名的文件。
  • ctrl+alt+n来运行。

使用Atom来开发Dart(五星推荐)

  • VSCode 下载地址:https://atom.io/
  • 安装atom插件 dart-atom
  • 安装atom插件 script
  • 创建以.dart为扩展名的文件。
  • ctrl+shift+b来运行。

使用WebStrom来开发Dart

下面给出了使用 WebStrom IDE 配置Dart环境的步骤。

可以从 https://www.jetbrains.com/webstorm/download/#section=windows-version 下载WebStorm的安装文件

WebStorm安装文件适用于Mac OS,Windows和Linux。

下载安装文件后,请按照以下步骤操作:

  • 安装Dart SDK:请参阅上面列出的步骤
  • 创建一个新的Dart项目并配置Dart支持
  • 要创建一个新的Dart项目,
    • 单击“欢迎”屏幕中的 创建新项目
    • 在下一个对话框中,单击 Dart
  • 如果没有为 Dart SDK 路径指定值,请提供SDK路径。例如,SDK路径可能是 /dart/dartsdk 安装目录。

将Dart文件添加到项目中

要将Dart文件添加到项目中:

  • 右键单击项目
  • 新→dart文件
  • 输入Dart脚本的名称

下面给出了WebStorm编辑器的屏幕截图

dart文件

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官方网站。

下一章:Dart 语法

语法定义了一组用于编写程序的规则。每种语言规范都定义了自己的语法。Dart语法有如下内容组成:变量和运算符类函数表达式和代码块判断和循环结构注释库和包类型定义数据结构表示:集合/泛型 你的第一个dart程序让我们从 ...