Javascript 2017年Visual Studio中的React项目

我想在Visual Studio 2017中与我的.NET应用程序一起开发React应用程序（在同一解决方案中）

我使用的是TypeScript，所以我想要一个可以自定义构建的项目类型（我想对项目进行网页打包，等等，所以标准的VisualStudioTypeScript构建是不够的）

我已经安装了，但它们只允许我创建特定于node.js的项目（启动时运行node.js实例），不允许我自定义构建过程

---

哪种项目类型最适合这个项目？

我最近做了这件事，并建议如下：

在Visual Studio 2017中创建一个“空白”解决方案项目

像在Visual Studio中一样添加/创建.NET项目

现在创建您的React项目。我使用来自Facebook的链接来实际生成我的React项目。它有很多非常好的内置功能，如Webpack、Jest（用于测试）、Thread（用于包管理）等。但是，这些细节对您是“隐藏”的，因此生成的项目看起来更简单。如果您需要对构建/测试过程进行更多控制，则可以运行

create-react-app-eject

命令。请注意，这是一个“单向”操作，因为您无法将文件放回

create react app

。如果不明显的话，您需要单独安装

由于您还希望使用TypeScript，因此应使用如下脚本：

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

微软有一个很好的解决方案

棘手的部分是将生成的React项目导入VisualStudio。为此，我从随Visual Studio一起安装的“Visual Studio安装程序”中安装了“Node.js development”模块。不幸的是，微软似乎已经删除了空白或空的Type脚本项目模板（参见）。

安装Node.js工具后，您可以在解决方案中创建基于节点的项目。在文件->新建->项目…->模板->其他语言->类型脚本左菜单导航。我选择了“Blank Node.js Web应用程序”

之后，您需要将由

create React app

创建的React项目文件复制到Visual Studio项目中。我发现在VisualStudio中创建目录更容易，因此它们被添加到项目文件中，然后将文件复制到生成的文件夹中，最后将它们添加到VisualStudio中的项目文件夹中

此时，您可以运行由

create react app

添加的

package.json

文件中的脚本。我更喜欢在命令行中运行它们，但是您也可以在VisualStudio中使用Mads Kristensen的“Task Runner Explorer”运行它们

---

另一种可能性是在中使用。这并不完全是您所要求的，但是您可以获得类似于VisualStudio的外观和感觉，以及完全的React支持

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

我使用VS 2017使用文章（）完成了此操作。在那里你可以找到一个名为Blank Node.js Web Application的模板，请在这里找到

以下几点值得注意：

• 在Visual Studio 2017中，React没有特定的模板，就像Angular一样

• 如果使用cli（）和VisualStudio创建项目，则会有所不同。默认情况下，Cli创建的项目将加载节点_模块中的所有模块，因此最初需要约132 MB的空间，但如果使用Visual Studio创建项目，则它将仅加载节点_模块中所需的模块，因此最初需要约75 MB的空间。当您开始在生产中部署它时，这很重要

希望对你有帮助

---

免责声明：它始终取决于需求。

我使用默认的ASP MVC项目来处理此类问题settings@KenTucker，该模板在VS 2017中不起作用这真的不是个坏主意。您可以将React应用程序目录保持在与VS17项目相同的解决方案目录/Git repo下。使用多个监视器，每个监视器中都可以有一个IDE。从纯粹的美学角度来看，轻量级VS代码更适合JS/TS web开发，npm/Thread/react命令行处理构建。我只是在这里稍作介绍，但在第5步中，您似乎可以选择“From Existing Node.JS Code”，然后使用create react app选择您在第4步中创建的目录。它直接使用该目录，并将任何.sln和.proj文件放在那里。我将在准备好部署到生产环境后添加-运行命令“npm run build”并移动到内容的根目录。您不需要重新启动其他服务器/端口。react-scripts ts包已弃用。TypeScript现在在CreateReact应用程序中本机支持。在生成包含typescript支持的应用程序时，可以改用--typescript选项。是否要继续使用react脚本？