本章讨论在Windows平台上为Dart设置执行环境。
使用DartPad在线执行脚本
您可以使用https://dartpad.dartlang.org/上的在线编辑器在线测试您的脚本。 Dart编辑器执行脚本并显示HTML和控制台输出。 在线编辑器附带一组预设代码示例。
Dartpad编辑器的屏幕截图如下 :
Dartpad还可以以更严格的方式进行编码。 这可以通过检查编辑器右下角的严格模式选项来实现。 严格模式有助于
- 更强的静态和动态检查能力
- 用于更好互操作性的惯用JavaScript代码生成
现在让我们运行一段Hello World,跟Dart打个招呼吧!
你可以使用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安装后,将PATH环境变量设置为
<dart-sdk-path>\bin
验证安装是否成功
要验证是否已成功安装Dart,请打开命令提示符并输入以下命令
dart --version
如果安装成功,它将显示dart的版本号。
IDE支持
许多IDE支持Dart中的脚本编写。示例包括来自Jet大脑的Eclipse,IntelliJ和WebStorm。
如果你使用的是Visual Studio Code,那么需要安装Dart相关插件。
下面给出了使用WebStrom IDE配置Dart环境的步骤。
安装WebStorm
可以从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 installation directory>/dart/dartsdk。
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官方网站上找到。
原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/dart/dart-environment-setup.html