我最近这样做,并建议以下内容:
create-react-app my-app --scripts-version=react-scripts-ts
微软在这里很不错。
棘手的部分是将生成的React项目放入Visual Studio。我是通过从随Visual Studio一起安装的“ Visual Studio安装程序”中安装“ Node.js开发”模块来完成此操作的。不幸的是,Microsoft似乎已经删除了空白或空的TypeScript项目模板(请参阅此处)。
安装Node.js工具后,您可以在解决方案中创建基于节点的项目。在文件->新建->项目…->模板->其他语言-> TypeScript左侧菜单导航下,有几种选择。我选择了“空白Node.js Web应用程序”。
之后,您需要将创建的React项目文件复制create-react-app
到Visual Studio项目中。我发现在Visual Studio中创建目录比较容易,因此可以将它们添加到项目文件中,然后将文件复制到生成的文件夹中,最后将它们添加到Visual Studio中的项目文件夹中。
此时,您可以运行package.json
所添加的文件中的脚本create-react-app
。我更喜欢在命令行上运行它们,但是您也可以使用Mads Kristensen的“任务运行器资源管理器”在Visual Studio中运行它们。