ReactJS - CLI 命令

React 擁有自己的命令列介面 (CLI) 命令。但是，這些 CLI 命令目前僅用於使用命令列建立 React 應用的可行版本。它將包含一個預設模板作為其設計，因此以這種方式建立的所有 React 應用都將具有良好的一致性，因為它們都具有相同的結構。

React 中的基本 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包管理器。

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包管理器。

yarn add react-router-dom

執行應用

React 應用可以使用npm或yarn命令啟動，具體取決於專案中使用的包管理器。

使用npm包管理器。

npm start

使用yarn包管理器。

yarn start

要在安全模式 (HTTPS) 下執行應用，請設定一個環境變數HTTPS並將其設定為 true，然後啟動應用。例如，在 Windows 命令提示符 (cmd.exe) 中，以下命令設定HTTPS並在 HTTPS 模式下啟動應用。

set HTTPS=true && npm start