我最近这样做了，并会推荐以下内容：

1. 在 Visual Studio 2017 中创建一个“空白”解决方案项目。
2. 添加/创建您的 .NET 项目，就像您通常在 Visual Studio 中所做的那样。
3. 现在创建你的 React 项目。我使用了Facebook的create-react-app来实际生成我的 React 项目。这有很多非常好的内置功能，例如 Webpack、Jest（用于测试）、yarn（用于包管理）等。但是，这些细节对您来说是“隐藏的”，因此生成的项目看起来要简单得多。如果您确实需要对构建/测试过程进行更多控制，则可以运行该create-react-app eject命令。请注意，这是一种“单向”操作，因为您无法将文件放回create-react-app. 如果这不明显，您将需要分别安装node和yarn。

4. 由于您还想使用 TypeScript，您应该像这样使用react-scripts-ts脚本：

   create-react-app my-app --scripts-version=react-scripts-ts

   微软已经通过好走这里。

5. 棘手的部分是将生成的 React 项目导入 Visual Studio。我通过从随 Visual Studio 一起安装的“Visual Studio 安装程序”安装“Node.js 开发”module来做到这一点。不幸的是，微软似乎已经删除了空白或空的 TypeScript 项目模板（请参阅此处）。

6. 安装 Node.js 工具后，您可以在解决方案中创建基于节点的项目。在 File -> New -> Project... -> Templates -> Other Languages -> TypeScript 左侧菜单导航下有几个可供选择。我选择了“空白 Node.js Web 应用程序”。

7. 之后，您需要将创建的 React 项目文件复制create-react-app到您的 Visual Studio 项目中。我发现在 Visual Studio 中创建目录更容易，以便将它们添加到项目文件中，然后将文件复制到生成的文件夹中，最后将它们添加到 Visual Studio 中的项目文件夹中。

8. 此时，您可以运行package.json文件中由create-react-app. 我更喜欢在命令行中运行它们，但您也可以使用 Mads Kristensen 的“Task Runner Explorer”在 Visual Studio 中运行它们。

另一种可能性是在Visual Studio Code 中使用react 扩展。这并不完全是您所要求的，但您会获得与 Visual Studio 相似的外观和完整的 React 支持。

我见过有人建议通过右键单击解决方案和“添加 -> 现有网站”来添加包含 React 项目的文件夹，然后从“构建 -> 配置管理器”中将其从构建中排除。

我使用文章（单击此处）在 VS 2017 中完成了此操作。在那里您会找到一个名为Blank Node.js Web Application的模板，请在此处找到它。

几个不错的知识点：

• 在 Visual Studio 2017 中，没有像 Angular 那样针对 React 的特定模板。

• 如果您使用 cli（请参阅此处）和 Visual Studio创建您的项目，则会有所不同。Cli 创建的项目默认在 node_modules 中加载所有module，因此最初需要大约 132 MB，但如果您使用 Visual Studio 创建项目，它只会在 node_modules 中加载所需的module，因此最初需要大约 75 MB。当您开始在生产中部署它时，这很重要。

希望它会帮助你！

免责声明：这始终取决于要求。