在visual studio 2017中打开angular 2 cli应用程序

在visual studio 2017中打开angular 2 cli应用程序,angular,angular-cli,visual-studio-2017,Angular,Angular Cli,Visual Studio 2017,我已经使用Angular 2 CLI创建了Angular 2应用程序。我想在Visual Studio 2017中打开该应用程序,并在Visual Studio中运行它。为此,我在VisualStudio中遵循了以下步骤 在Visual Studio中,从现有Node.js代码中新建项目->Node.js-> 单击“romexistingnode.jscode”后,我按照步骤进行了操作 在完成上述步骤后,它要求我插入启动脚本。在angular 2 CLI应用程序中哪里可以找到启动脚本?默认情况下

我已经使用Angular 2 CLI创建了Angular 2应用程序。我想在Visual Studio 2017中打开该应用程序,并在Visual Studio中运行它。为此,我在VisualStudio中遵循了以下步骤

  • 在Visual Studio中,从现有Node.js代码中新建项目->Node.js->
  • 单击“romexistingnode.jscode”后,我按照步骤进行了操作

  • 在完成上述步骤后,它要求我插入启动脚本。在angular 2 CLI应用程序中哪里可以找到启动脚本?默认情况下,它是visual studio中node.js应用程序中的
    server.js

    使用现有的node.js项目模板对我也不起作用。我将项目作为文件夹打开(文件>打开>文件夹),然后选择项目的文件夹。这将开启项目,VS2017似乎明白这是一个项目,也是一个git回购项目。项目将在解决方案资源管理器中打开,然后可以保存项目的.sln文件。默认情况下,VS知道不同的文件类型是什么,并正确地高亮显示和折叠它们,等等

    我使用git for Windows,所以我使用它附带的bash shell来运行npm安装和npm启动/ng服务。您可以使用Node.js交互窗口(工具>Node.js工具>Node.js交互窗口)运行.npm安装和.npm启动,但如果您关闭VS2017而不停止ng serve,则它将在后台运行,您需要使用任务管理器(Ctrl+Alt+delete>start Task Manager)将其关闭。注意:您将看到几个node.exe进程。这就是我在VS2017之外启动Angular CLI服务器的原因。

    转到以下路径:

    文件->打开->网站

    选择需要加载的文件夹,然后单击“确定”。您将能够在VS中加载角度2+项目


    为了运行,您需要Node CLI。为了运行angular 2+应用程序,您需要运行ng serve--open命令。

    但如何执行或运行,因为它在播放按钮中要求“选择启动项…”