无法创建 WebStorm React 项目答案

【问题标题】：Can't create WebStorm React project无法创建 WebStorm React 项目
【发布时间】：2016-11-25 08:42:19
【问题描述】：

我正在尝试在 WebStorm 2016.3.1 中创建一个 React 项目

它要求我提供一个 create-react-app，但我不知道那是什么，并且在 Google 上找不到任何参考。

它是什么，我在哪里可以找到价值？

【问题讨论】：

我认为如果您通过yarn而不是npm安装create-react-app，也会发生这种情况。
这里有同样的问题。我运行 npm install -g create-react-app 现在怎么办？ Webstorm 仍在询问 create-react-app 包。更新只需关闭并再次打开 Webstorm 即可解决问题
为 Jetbrains 团队创建了 issue youtrack.jetbrains.com/issue/PY-25413

标签： reactjs webstorm

【解决方案1】：

在使用此功能之前，您需要安装create-react-app npm 模块。

npm install -g create-react-app

您可以在official release blog of WebStorm 上阅读有关此功能的更多信息。

文档摘录：

确保您的计算机上全局安装了 create-react-app，为此运行 npm install -g create-react-app。然后开始你的新项目，双击 npm 任务工具窗口中的启动任务来运行它。就是这样！

【讨论】：

除此之外，在我的 win 7 VM 上，我还需要运行此命令以在 WebStorm npm install --global --production windows-build-tools 中创建反应应用程序时不会出现 MSBuild 错误@请注意，这也安装了 python，请在此处查看它的作用：Windows Build Tools
默认情况下在 Windows 上它会在 C:\Users\<user>\AppData\Roaming\npm\node_modules\create-react-app 目录下创建它

【解决方案2】：

我已经使用 yarn 全局安装了 create-react-app 并且 webstorm 找不到它。然后我使用了 npm，更不用说 globally 了，它的工作原理就像一个魅力。

【讨论】：

【解决方案3】：

我按照这些步骤创建了 webStrom react 应用程序。

下载node.js

打开命令行控制台并输入“npm install -g create-react-app”

从 web-storm 创建 react 应用项目。

确保你提供了正确的 create-react-app 文件路径，默认是安装在 ~\AppData\Roaming\npm\node_modules\create-react-app

使用 npm start: 启动开发服务器

【讨论】：

【解决方案4】：

TL;DR
无需安装任何东西。只需在 create-react-app 字段中输入 npx create-react-app 即可，它应该像 pycharm 一样工作，我的意思是魅力 :)

旁注：自 npm 版本 5.2.0 起，npx 与 npm 预先捆绑在一起。

【讨论】：

【解决方案5】：

如果您使用asdf或任何其他工具来管理多个版本的nodejs，则需要手动设置create-react-app的路径

我在 mac，所以对我来说路径是

/Users/<USER>/.asdf/installs/nodejs/12.16.2/.npm/lib/node_modules/create-react-app

【讨论】：