如何使用 Visual Studio 2017 创建 React 应用程序（无 Visual Studio 代码）答案

【问题标题】：How to create react app with visual studio 2017 (no visual studio code)如何使用 Visual Studio 2017 创建 React 应用程序（无 Visual Studio 代码）
【发布时间】：2018-05-22 07:31:07
【问题描述】：

我需要创建在 Visual Studio 中创建并使用简单的“F5”键的反应应用程序。我不需要在 Visual Studio 中创建 react 项目 C#，因为这种项目类型（Microsoft react 项目）没有我的标准。

我不使用 Microsoft react 项目示例的原因是：

微软对我的反应项目的负面影响是项目类型在客户端有服务器端编程，另一方面微软强迫我使用类型脚本并给我很多我在项目中从未使用过的无用依赖项。我在一个胖客户端（富客户端）应用程序上工作，只是从客户端调用一些 API。

我需要创建一个良好的基础设施。

【问题讨论】：

你是说 react.js 项目？
当然可以。 create-react-app 需要使用 nodejs 编译，我不想使用它和复杂的解决方案
您可以使用命令行或 powershell 来执行此操作。如果您不想使用 Visual Studio 代码，请在 Visual Studio 2017 上打开它。
我想创建一个示例项目，帮助程序员使用此示例在我们出色的“Visual Studio 解决方案”中创建新项目，我们在此解决方案中有 20 多个项目，需要创建非常简单的前端项目。
您是否考虑过创建自己的项目模板？

标签： c# reactjs visual-studio-2017 asp.net-core-2.0

【解决方案1】：

我找到了一种可能有帮助的方法：

在 VS 之外创建一个空文件夹。
创建单个 react.js 包（index.html 等）所需的内容
将其添加为现有网站

所以不会有 .net 不必要的额外内容。

【讨论】：

【解决方案2】：

最好的选择是在 Visual Studio 之外创建一个反应项目。为此打开 powershell 或终端并按照以下步骤操作-

确保已安装 npm 和 node.js。
Create a React.js 项目- npx create-react-app my-app
您可以将此项目导入 Visual Studio 或安装 Visual Studio Code 并在那里打开项目。

Visual Studio 代码不会为您提供使用 F5 键运行应用程序的选项，但您可以打开终端（快捷键 - ctrl + `）并输入 npm start

【讨论】：