我想在 Visual Studio 2017 中与我的 .NET 应用程序一起开发 React 应用程序(在同一解决方案中)。
我正在使用 TypeScript,所以我想要一个可以自定义构建的项目类型(我想对项目进行 webpack 等,所以标准的 Visual Studio TypeScript 构建是不够的)。
我已经安装了Node.js 开发者工具 https://www.visualstudio.com/vs/node-js/但它们只允许我创建特定于 Node.js 的项目(启动时运行 Node.js 实例),并且不允许我自定义构建过程。
哪种项目类型最适合这个?
我最近这样做了,并推荐以下内容:
- 在 Visual Studio 2017 中创建一个“空白”解决方案项目。
- 像在 Visual Studio 中通常那样添加/创建 .NET 项目。
- 现在创建您的 React 项目。我用的是创建反应应用程序 https://github.com/facebookincubator/create-react-app从 Facebook 实际生成我的 React 项目。它有很多非常好的内置功能,例如 Webpack、Jest(用于测试)、yarn(用于包管理)等。但是,这些细节对您来说是“隐藏”的,因此生成的项目看起来要简单得多。如果你do需要对构建/测试过程进行更多控制,您可以运行
create-react-app eject
命令。请注意,这是一种“单向”操作,因为您无法将文件放回到create-react-app
。您需要安装node https://nodejs.org/en/ and yarn https://yarnpkg.com/en/分开,如果那不是很明显的话。
-
由于您还想使用 TypeScript,因此应该使用反应脚本-ts https://www.npmjs.com/package/react-scripts-ts脚本如下:
create-react-app my-app --scripts-version=react-scripts-ts
微软有一个很好的演练here https://github.com/Microsoft/TypeScript-React-Starter#typescript-react-starter.
棘手的部分是将生成的 React 项目导入 Visual Studio。我通过从随 Visual Studio 一起安装的“Visual Studio 安装程序”中安装“Node.js 开发”模块来完成此操作。不幸的是,微软似乎已经删除了空白或空的 TypeScript 项目模板(请参阅here https://github.com/Microsoft/TypeScript/issues/12531).
安装 Node.js 工具后,您可以在解决方案中创建基于节点的项目。在文件 -> 新建 -> 项目... -> 模板 -> 其他语言 -> TypeScript 左侧菜单导航下有多种可供选择。我选择“空白 Node.js Web 应用程序”。
之后,您需要复制创建的 React 项目文件create-react-app
进入您的 Visual Studio 项目。我发现在 Visual Studio 中创建目录更容易,因此将它们添加到项目文件中,然后将文件复制到生成的文件夹中,最后将它们添加到 Visual Studio 中的项目文件夹中。
此时您可以运行以下脚本package.json
添加的文件create-react-app
。我更喜欢在命令行运行它们,但您也可以使用 Mads Kristensen 的“Task Runner Explorer”在 Visual Studio 中运行它们。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)