Dart语言教程:Windows平台设置执行环境,安装sdk

2019-06-2214:48:57编程语言入门到精通Comments4,793 views字数 1408阅读模式

Windows平台上为Dart设置执行环境。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

使用DartPad在线执行脚本

可以使用 https://dartpad.dartlang.org/ 上的在线编辑器在线运行测试脚本。Dart编辑器执行脚本并显示HTML和控制台输出。在线编辑器附带一组预设代码示例。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

Dartpad编辑器的截图如下 -文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

Dart语言教程:Windows平台设置执行环境,安装sdk文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

Dartpad还可以以更严格的方式进行编码。通过检查编辑器右下角的强模式选项来实现。强模式有助于 -文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

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

可以在Dartpad运行以下示例 -文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

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

执行上面示例代码,得到以下结果:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

Dart语言教程:Windows平台设置执行环境,安装sdk文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

设置本地环境

在本节中,演示如何设置本地环境。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

使用文本编辑器
一些编辑器的示例包括Windows Notepad,Notepad++,Emacs,vim或vi等。编辑器可能因操作系统而异。dart程序源文件通常以扩展名.dart命名。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

安装Dart SDK文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

目前Dart的稳定版本是2.3.1。dart sdk可以从以下链接下载 -文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

下面给出了Dart SDK安装的屏幕截图 -文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

完成SDK安装后,将Dart可执行文件添加环境变量 -文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

<dart-sdk-path>\bin

验证安装
要验证是否已成功安装Dart,打开命令提示符并输入以下命令 -文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

C:/> dart
Shell

如果安装成功,它将显示dart运行时,如下图所示:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

Dart语言教程:Windows平台设置执行环境,安装sdk文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

IDE支持

许多IDE支持Dart中的脚本编写。包括Eclipse,IntelliJ和WebStorm。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

下面给出了使用WebStrom IDE配置Dart环境的步骤。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

安装WebStorm文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

可以从 https://www.jetbrains.com/webstorm/download/#section=windows-version 下载WebStorm 的安装文件。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

WebStorm安装文件适用于Mac OS,Windows和Linux。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

下载安装文件后,请按照以下步骤操作 -文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

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

将Dart文件添加到项目文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

要将Dart文件添加到项目中,参考以下步骤 -文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

  • 右键单击Project
  • New → Dart File
  • 输入Dart脚本的名称

下面是WebStorm编辑器的屏幕截图 -文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

Dart语言教程:Windows平台设置执行环境,安装sdk文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

dart2js工具

dart2js工具用于将Dart代码编译为JavaScript。将Dart代码编译为JS可以在不支持Dart VM的浏览器上运行Dart脚本。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

dart2js工具作为Dart SDK的一部分提供,可以在/dartsdk/bin文件夹中找到。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

要将Dart编译为JavaScript,请在终端中键入以下命令:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

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

此命令生成一个文件,其中包含与Dart代码等效的JavaScript。有关使用此实用程序的完整教程可在Dart官方网站上找到。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ymba/13728.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/ymba/13728.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定