如何直接在当前文件夹中创建React应用

时间:2019-03-09 22:27:55

标签: reactjs command-line create-react-app

我知道我以前做过,但是似乎找不到任何答案。我想运行create-react-app而不在我已经进入的文件夹内创建整个其他文件夹。我相信这只是附加到命令的附加标志。

10 个答案:

答案 0 :(得分:25)

如果您以前是通过create-react-app在全球安装npm install -g create-react-app的,建议您使用npm uninstall -g create-react-app卸载软件包,以确保npx始终使用最新版本。

对于create-react-app(v3)的新版本:

npx create-react-app .

请注意命令.的结尾处的句点(点),该句点与当前目录相对应

答案 1 :(得分:7)

您可以通过写.而不是项目名称来在当前目录中创建一个新的React应用。

create-react-app .

答案 2 :(得分:7)

如果您的当前目录符合npm命名限制,则以下内容仅适用

npx create-react-app . 

当前目录必须:

  • 仅包含URL友好字符
  • 没有大写字母

例如,当前目录不能命名为“ React App”。它必须是“ react-app”。

答案 3 :(得分:4)

这很简单

npx create-react-app .

注意:请确保您的文件夹名称以小写字母开头

答案 4 :(得分:3)

在您当前所在的目录中创建文本项目就像运行以下命令一样简单。

npx create-react-app . 

或者在全球范围内安装了create react app时使用。

 create-react-app . 

我要您注意的一件事是每个命令结尾处的句号(或句号或点)。该句号表明您要在当前文件夹中创建应用。

我希望这会有所帮助

答案 5 :(得分:2)

你简单的输入。而不是 react-app-name

npx create-react-app .

如果您已经有任何以 .那么你会得到一个错误。 您需要删除该文件夹,然后尝试上述命令

答案 6 :(得分:0)

使用create-react-app app-name时,create-react-app之后的部分会告诉CRA 位置 创建一个React应用。因此,create-react-app app-name实际上是在告诉CRA在名为“ my-app”的新目录中创建一个react应用。对于经验不足的开发人员,这可能会导致很多部署问题。

通过使用npx create-react-app .,我们可以告诉CRA在此处或当前目录中创建一个React应用。这将有助于防止由于没有将React应用直接放在项目或仓库的根目录中而引起的任何问题。

答案 7 :(得分:0)

npx create-react-app . my-app --template typescript

答案 8 :(得分:0)

创建反应应用程序。

我发现这对于将我的客户端和服务器分成父项目目录下的单独目录非常有用。通过这种方式,您可以将服务器和客户端分开,并轻松了解哪些 API 正在按预期工作。

答案 9 :(得分:-6)

如果您使用的是最新版本的 Nodejs ,则可以使用以下代码:

npx create-react-app your-app-name

您通过以下代码检查节点版本:

node --version

它必须高于v10