ReactJS - CLI 命令

---

让我们在本章中学习 Create React App 命令行应用程序中可用的基本命令。

创建一个新应用程序

Create React App 提供了多种创建 React 应用程序的方法。

使用npx脚本。

npx create-react-app <react-app-name>
npx create-react-app hello-react-app

使用npm包管理器。

npm init react-app <react-app-name>
npm init react-app hello-react-app

使用纱线包管理器。

yarn init react-app <react-app-name>
yarn init react-app hello-react-app

选择模板

Create React App使用默认模板创建 React 应用程序。模板是指具有某些内置功能的初始代码。npm 包服务器中有数百个具有许多高级功能的模板。Create React App允许用户通过–template命令行开关选择模板。

create-react-app my-app --template typescript

上面的命令将使用npm 服务器中的cra-template-typescript包创建 React 应用程序。

安装依赖项

React 依赖包可以使用普通的npm或YARN包命令安装，因为 React 使用npm和YARN推荐的项目结构。

使用npm包管理器。

npm install --save react-router-dom

使用纱线包管理器。

yarn add react-router-dom

运行应用程序

React应用程序可以使用npm或yarn命令启动，具体取决于项目中使用的包管理器。

使用npm包管理器。

npm start

使用纱线包管理器。

yarn start

要以安全模式 (HTTPS) 运行应用程序，请在启动应用程序之前设置环境变量HTTPS并将其设置为 true。例如，在Windows命令提示符（cmd.exe）中，以下命令设置HTTPS并启动应用程序为HTTPS模式。

set HTTPS=true && npm start