如何在 Windows 上使用 Dart 和 Webstorm 6（从 Google IO 2013 运行 Codelab）答案

【问题标题】：How to use Dart with Webstorm 6 on Windows (running Codelab from Google IO 2013)如何在 Windows 上使用 Dart 和 Webstorm 6（从 Google IO 2013 运行 Codelab）
【发布时间】：2013-05-19 05:58:39
【问题描述】：

我搜索但没有找到与我的问题远程相关的任何其他帖子。本质上，我正在尝试遵循我在这里找到的 Google IO 2013 的 Dart Codelab：http://goo.gl/4E21M

我正在尝试在 Webstorm 6 中使用 Dart 插件，我使用此处的说明进行设置：http://blog.jetbrains.com/webide/2012/12/dart-support-in-webstorm-6/

最后，我在 Windows 8 上执行此操作。

我的 build.dart 是：

import 'package:web_ui/component_build.dart';
import 'dart:io';
import 'dart:async';

void main() {
  var args = new List.from(new Options().arguments);
  build(new Options().arguments, ['web/index.html'])
    .then((_) => print('Build finished!'));
}

我的 pubspec.yaml 是：

name: writer
version: 0.0.1
author: Dart Team <misc@dartlang.org>
description: This is the finished version of the application built in the Google I/O 2013 Dart Codelab.
homepage: https://github.com/dart-lang/io-2013-dart-codelab
dependencies:
  intl: any
  web_ui: any

然而，当我尝试运行第 1 步代码时，我在事件日志中看到：运行测试时出错：build.dart：build.dart 中缺少库语句。

所以这看起来很直截了当...除了我不知道应该存在哪个库语句而不是...我删除的唯一代码行是：

#!/usr/bin/env dart

因为我试图在 Windows 上运行它，并且是针对 UNIX 环境。

有什么想法吗？我非常感谢您在 Webstorm 中启动和运行这个 Codelab 提供的任何帮助（它比默认的 Dart 编辑器更精致）。换句话说，我更喜欢 Webstorm——如果我能在其中启动和运行的话。

提前谢谢你！

【问题讨论】：

他们可能只想在文件顶部添加一个library build;，但由于我没有 Webstorm，我无法确定。
你使用的是哪个版本的 Dart SDK？您可以运行dart --version 找出答案。
@PixelElephant，这似乎有帮助。至少我不再得到错误了。现在我只需要弄清楚如何实际，呃，“运行” index.html 文件。我在“调试”时看到的只是 Chromium 中的错误页面（找不到网页）。感谢您的帮助！
@Abe - build.dart 在 web\out\index.html 中输出“构建”的 html 文件 - 你可以尝试在 Dartium 中运行该文件。没有 Dartium？您需要先通过 dart2js 运行 ...bootstrap.dart。
@ChrisBuckett 太棒了。我将深入研究这些链接。再次感谢您！

标签： dart webstorm dart-webui dart-editor

【解决方案1】：

感谢@ChrisBuckett 和@PixelElephant，我的问题得到了解答。为了从 Google IO 2013 第 1 步获取 Codelab 运行，我必须包含“library build;”在我的 build.dart 文件的顶部。为了查看构建后的输出，我必须查看 /out 文件夹并在 Chromium 中“运行”index.html 文件。

这种组合奏效了。

我的固定 build.dart 文件：

library build;

import 'package:web_ui/component_build.dart';
import 'dart:io';
import 'dart:async';

void main() {
  var args = new List.from(new Options().arguments);
  build(args, ['web/index.html'])
    .then((_) => print('Build finished!'));
}

【讨论】：