使用 npm create react app 命令创建 JavaScript React 应用

React 是一个用于构建用户界面的 JavaScript 库，它由 Facebook 和社区开发者进行维护和开发。Create React App 是由 Facebook 官方提供的用于创建 React 应用程序的脚手架工具。通过使用 npm、Yarn 或 npx 等工具，可以轻松快速地创建一个 React 应用程序并进行开发。

使用 npm create react app 命令创建 React 应用程序

要使用 npm create react app 命令创建一个 React 应用程序，需要先安装 Node.js 和 npm。可以从 Node.js 官方网站下载并安装 Node.js，它包括 npm，一旦安装完毕就可以开始使用了。

在命令行中输入以下命令：

npm init react-app my-react-app

其中，my-react-app 是新应用程序的名称，这个命令将创建一个名为 my-react-app 的新目录，并在其中创建一个 React 应用程序。要启动 React 应用程序，请进入新目录并运行以下命令：

cd my-react-app
npm start

这将启动开发服务器并在浏览器中打开应用程序。在编辑器中打开 src/App.js 文件，将看到默认生成的 React 应用程序代码。您可以更改这些文件以根据自己的需求定制应用程序。

快速开发 React 应用程序

创建 React 应用程序并进行开发需要一些必要的工具和库，例如：

• React
• ReactDOM
• Babel
• Webpack

幸运的是，通过使用 Create React App 脚手架工具，您不必手动安装和配置这些工具和库。这个工具已经为您准备好了。

在应用程序目录中打开终端并输入以下命令：

npm install --save react react-dom

这将安装 React 和 ReactDOM 库，这些库是开发 React 应用程序所必需的。

要在 React 中使用 ES6 语法，还需要使用 Babel 编译器。运行以下命令来安装必要的 Babel 软件包：

npm install --save-dev @babel/core @babel/cli @babel/preset-env

接下来，安装 Webpack 和必要的 Webpack 插件：

npm install --save-dev webpack webpack-dev-server html-webpack-plugin css-loader style-loader

安装完成后，可以开始开发并进行测试。在应用程序目录中打开终端，输入以下命令：

npm start

这会启动开发服务器。React 应用程序现在可以在浏览器中运行，并支持一些实时检测和重新加载功能。

小结

通过使用 npm create react app 命令，可以快速轻松地创建一个 React 应用程序。Create React App 脚手架工具已经为您准备好了必要的工具和库，包括 React、ReactDOM、Babel 和 Webpack 等等。接下来，您可以定制应用程序并开始使用了。

以上是 npm create react app - JavaScript 的介绍。