📜  react-native init AwesomeProject 更改端口 - Javascript (1)

📅  最后修改于: 2023-12-03 15:04:50.155000             🧑  作者: Mango

以'react-native init AwesomeProject 更改端口

当你使用react-native init命令创建一个新的React Native项目时,该项目会默认使用8081端口进行调试。但是,如果你占用了该端口或者因为其他原因需要更改该端口,该如何操作呢?在本篇文章中,我们将介绍如何更改React Native项目的端口。

第一步:关闭所有开发服务

在更改端口之前,需要先将所有的开发服务关闭。你可以按下CTRL + C(Windows操作系统)或者Command + C(MacOS操作系统)来关闭正在运行的开发服务。如果你有一个以上的终端窗口正在运行开发服务,需要关闭所有终端窗口。

第二步:更改默认端口

在React Native项目文件夹中,打开package.json文件,找到scripts节点下的start命令。默认情况下,该命令的值为react-native start。更改该命令的值,添加--port选项并指定一个新的端口号。例如,下面的命令将端口号更改为8090

"start": "react-native start --port 8090"
第三步:重新启动开发服务

在更改完成后,重新启动React Native开发服务。你可以通过在命令行中输入npm start命令启动开发服务。此时,React Native将使用你指定的新端口号进行调试。

结论

通过以上步骤,你可以轻松地更改React Native项目的默认端口,使其在占用8081端口时也可以正常运行。