如何在VS2017中运行Angular6项目？

当然可以实现！下面分两部分给你详细说明操作步骤：

一、配置Ctrl+F5执行ng serve #

1. 右键你的项目，选择属性（或者按Alt+Enter快捷键）
2. 在弹出的属性窗口里，切换到调试选项卡
3. 在「启动操作」区域，选择启动外部程序
4. 找到你本地Node.js的可执行文件路径，通常是C:\Program Files\nodejs\node.exe（如果是自定义安装路径，就选对应位置）
5. 在「命令行参数」输入框中，填写node_modules/@angular/cli/bin/ng serve——这个路径指向项目里Angular CLI的启动脚本，确保你的项目根目录下有node_modules文件夹（正常搭建的Angular项目都会有）
6. 把「工作目录」设置为你的Angular项目根目录，直接填$(ProjectDir)就行（VS会自动解析为当前项目的根路径）
7. 点击「确定」保存配置，之后按Ctrl+F5，VS就会自动启动ng serve了

二、启动时同时运行bat/exe文件 #

VS2017的单项目调试配置没法直接同时启动多个程序，但有两种简单的解决办法：

方法1：用批处理文件整合命令 #

写一个.bat批处理文件，把ng serve和你要运行的外部程序命令都放进去，然后让VS启动这个批处理：

1. 在项目根目录新建一个start-app.bat文件，内容示例：

@echo off
:: 启动你的外部程序，这里替换成你的bat/exe路径
start "" "D:\tools\your-program.exe"
:: 运行ng serve
node node_modules/@angular/cli/bin/ng serve

2. 回到项目属性的调试选项卡，把「启动外部程序」改成这个start-app.bat的路径，工作目录保持项目根目录
3. 按Ctrl+F5，批处理会先启动你的外部程序，再运行ng serve

方法2：用解决方案多启动项目（如果外部程序是VS项目） #

如果你的bat/exe对应的是另一个Visual Studio项目，可以把它加入当前解决方案：

1. 右键解决方案 -> 添加 -> 现有项目，把外部程序的项目加进来
2. 右键解决方案 -> 属性，切换到「启动项目」选项卡
3. 选择多启动项目，然后把你的Angular项目（已经配置好启动ng serve的那个）和外部程序项目的「操作」都设为「启动」
4. 保存设置后，按Ctrl+F5，VS就会同时启动两个项目了

内容的提问来源于stack exchange，提问作者WoF_Angel