如何在 VS Code 上设置 AngularDart5 [英] How To Setup AngularDart5 on VS Code

问题描述

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

I have searched far and wide on documentation on how to effectively set up Angular Dart 5 on Visual Studio Code but found nothing conclusive so far.

我已经搜索过的地方:

• 优酷
• StackOverflow
• https://webdev.dartlang.org - 文档仅讨论 WebStorm.

• Youtube
• StackOverflow
• https://webdev.dartlang.org - The documentation only talks about WebStorm.

dart 的 VS Code 插件不提供创建新的空项目的功能.所以我现在不知所措.

The VS Code plugin for dart doesn't provide functionality to make a new empty project. So I'm currently at a loss.

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

How would I go about setting up an AngularDart 5 project on my VS Code IDE? Could someone refer me to resources for the same?

推荐答案

VS Code 与 Dart 代码插件 为编辑 AngularDart 项目文件提供基本支持.

VS Code with the Dart Code plugin offers basic support for editing AngularDart project files.

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

Integrated support for building and running apps is still work in progress (use Dart-Code#68 to track progress).

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

I don't know of any support to create an empty AngularDart 5 project, but you can use CLI tools to create starter projects, for example:

• 创建启动器项目来自angular-examples/quickstart.
• 使用 stagehand 2.x 从web-angular 模板:

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

该模板还说明了 Angular Components 的使用.

The template also illustrates use of Angular Components.

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

To build and serve your app use the webdev CLI tool:

$ pub global activate webdev 
$ webdev serve

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

The serve command will build, serve and watch your app sources. You can, of course, launch this command from within a VS Code integrated terminal.

这篇关于如何在 VS Code 上设置 AngularDart5的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！