如何在 VS Code 上设置 AngularDart5

Question

我广泛搜索了有关如何在 Visual Studio 代码上有效设置 Angular Dart 5 的文档，但到目前为止没有找到任何结论。

我搜索过的地方：

• YouTube
• 计算器溢出
• https://webdev.dartlang.org - 文档只讨论 WebStorm。

dart 的 VS Code 插件不提供创建新空项目的功能。所以我现在很茫然。

我将如何在我的 VS Code IDE 上设置一个 AngularDart 5 项目？有人可以向我推荐相同的资源吗？

Answer 1

带有 Dart Code plugin 的 VS Code 为编辑 AngularDart 项目文件提供了基本支持。

对构建和 运行 应用程序的集成支持仍在进行中（使用 Dart-Code#68 跟踪进度）。

我不知道是否支持创建 empty AngularDart 5 项目，但您可以使用 CLI 工具创建 starter项目，例如：

• Create a starter project from angular-examples/quickstart.
• 使用 stagehand 2.x 从 web-angular 模板创建项目:

$ pub global activate stagehand
$ mkdir ng_project
$ cd ng_project
$ stagehand web-angular

该模板还说明了 Angular Components.

的用法

要构建和提供您的应用程序，请使用 webdev CLI 工具：

$ pub global activate webdev 
$ webdev serve

serve 命令将构建、提供和监视您的应用程序源。当然，您可以从 VS Code 集成终端中启动此命令。

Answer 2

最新版本的 Dart 代码（Dart 的官方 VS 代码扩展）现在提供了一个 AngularDart 模板来引导新项目。

您可以使用 VS 命令 (CTRL+SHIFT+P) 访问它：

> Dart: New Project

系统会提示您 select 模板。 Select "Angular Dart Web App" 模板。

然后，系统会提示您为项目命名并 select 包含目录。

之后，VSCode 应该 运行 pub get 自动安装依赖项，你应该可以开始了。

您可以通过 运行ning

测试默认项目

webdev serve