让我们学习本章创建 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 依赖包可以使用普通的npm或yarn package 命令安装,因为 React 使用npm和yarn推荐的项目结构。
使用npm包管理器。
npm install --save react-router-dom
使用纱线包管理器。
yarn add react-router-dom
运行应用程序
根据项目中使用的包管理器,可以使用npm或yarn命令启动 React 应用程序。
使用npm包管理器。
npm start
使用纱线包管理器。
yarn start
要以安全模式 (HTTPS) 运行应用程序,请在启动应用程序之前设置环境变量HTTPS并将其设置为 true。例如,在 windows 命令提示符 (cmd.exe) 中,以下命令设置HTTPS并启动应用程序是 HTTPS 模式。
set HTTPS=true && npm start