如何在VS代码上设置AngularDart5

时间:2018-05-09 11:15:38

标签: angular visual-studio-code dart angular-dart dart-webui

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

我已经搜索过的地方:

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

如何在VS Code IDE上设置AngularDart 5项目?有人可以将我的资源转介给我吗?

2 个答案:

答案 0 :(得分:9)

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

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

我不知道有任何支持来创建 AngularDart 5项目,但您可以使用CLI工具创建 starter 项目,例如:< / p>

 
$ 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集成终端中启动此命令。

答案 1 :(得分:0)

Dart Code的最新版本(Dart的官方VS Code扩展)现在提供AngularDart模板,用于引导新项目。

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

> Dart: New Project

将提示您选择模板。选择“ Angular Dart Web App”模板。

然后,系统将提示您为项目命名并选择包含的目录。

然后,VSCode应该自动运行pub get来安装依赖项,您应该一切顺利。

您可以通过运行

来测试默认项目。
webdev serve