返回首页 Dart 入门教程

创建一个 Web 应用程序

现在让我们创建一个 Web 应用程序。就像你创建一个命令行应用程序一样,点击 New Project 按钮

  1. 在应用程序名称的输入框输入 Simple
  2. 输入或者浏览你想要保存这个应用程序文件的目录路径
  3. 从这个列表中选择 Uber Simple Web Application
  4. 点击 Finish

Dart 编辑器创建一个基本的 Web 应用程序所需的目录和文件,在浏览器窗口中打印 “Your Dart app is running”

和之前一样,顶级目录是以您的应用程序命名。包含 main() 函数的 Dart 源文件位于 web/main.dart , web/index.html 文件用来解析这个应用程序。

在简单应用程序的 Dart 代码中包含的 main() 函数用于在浏览器页面上输出文本。这个代码使用了 API 中定义的 dart:html 库。

在接下来的教程中,你将要自己从头开始创建一个迷你应用程序,创建 Dart 源代码, HTML 源代码,和 CSS 源代码。