📜  react init - Javascript(1)

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

使用 React 初始化一个 JavaScript 项目

React 是一个使用 JavaScript 构建用户界面的开源库。为了初始化一个新的 React 项目,我们需要使用 Node.js 和 npm,以及一个支持构建 JavaScript 应用的构建工具。

安装 Node.js 和 npm

要安装 Node.js 和 npm,请在命令行中运行以下命令:

$ curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
$ sudo apt-get install -y nodejs

这个命令将使用 curl 命令来下载 Node.js 包,并使用 sudo 权限来安装它们。

然后,您可以运行以下命令来检查 Node.js 和 npm 是否正确安装:

$ node -v
$ npm -v

如果您看到了版本号,表示 Node.js 和 npm 已经安装成功了。

初始化一个 JavaScript 项目

接下来,我们需要使用 create-react-app 工具来初始化一个新的 JavaScript 项目。该工具将创建一个默认的项目结构,并自动安装 React、ReactDOM 和其他必要的依赖项。

要安装 create-react-app,请在命令行中运行以下命令:

$ npx create-react-app my-app

这个命令将使用 npx 命令来下载 create-react-app 包,并创建一个名为 my-app 的新项目文件夹。

运行应用程序

要运行新创建的 React 应用程序,请进入项目文件夹并运行以下命令:

$ cd my-app
$ npm start

这将启动一个开发服务器,可以在浏览器中访问您的应用程序。默认情况下,服务器将监听 http://localhost:3000 地址。

现在,您可以开始编写代码来创建您的 React 应用程序了!

结论

React 是一个非常受欢迎的前端库,可以很方便地使用 JavaScript 构建用户界面。通过使用 create-react-app 工具,您可以快速地初始化一个新的 React 项目,并开始构建您的应用程序。