create-react-app指的是什么

小編給大家分享一下create-react-app指的是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

create-react-app是FaceBook的React團隊官方出的一個構建React單頁面應用的腳手架工具；它本身集成了Webpack，并配置了一系列內置的loader和默認的npm的腳本，能實現零配置就可以開發React的應用。

Create React App 是一個官方支持的創建 React 單頁應用程序的方法。它提供了一個零配置的現代構建設置。

快速開始

npx create-react-app my-app
cd my-app
npm start

(npx 來自 npm 5.2+ 或更高版本, 查看 npm 舊版本的說明)

然后打開 http://localhost:3000/ 查看你的應用。

當你準備部署到生產環境時，使用 npm run build 創建一個壓縮后的 bundle（包）。

npm start

立即開始

你 無需 安裝或配置 Webpack 或 Babel 等工具。 它們是預先配置好并且隱藏的，因此你可以專注于代碼。

只需創建一個項目，就可以了。

創建應用程序

你需要在本地開發計算機上使用 Node >= 6（但在服務器上不需要）。 你可以使用 nvm (macOS/Linux) 或 nvm-windows 輕松地在不同項目之間切換 Node 版本。

要創建新應用，你可以選擇以下方法之一：

npx
npx create-react-app my-app
(npx 來自 npm 5.2+ 或更高版本, 查看 npm 舊版本的說明)
npm
npm init react-app my-app
npm init <initializer> 在 npm 6+ 中可用
Yarn
yarn create react-app my-app
yarn create 在 Yarn 0.25+ 中可用

輸出

運行任何這些命令都會在當前目錄中創建一個名為 my-app 的目錄。在該目錄中，它將生成初始項目結構并安裝依賴項：

my-app
├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
└── src
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── index.css
    ├── index.js
    ├── logo.svg
    └── serviceWorker.js

沒有配置或復雜的文件夾結構，只是構建應用程序所需的文件。安裝完成后，你可以打開項目目錄：

cd my-app
Scripts

在新創建的項目中，你可以運行一些內置命令：

npm start 或 yarn start

在開發模式下運行應用程序。 打開 http://localhost:3000 在瀏覽器中查看它。

如果你更改代碼，頁面將自動重新加載。 你將在控制臺中看到構建錯誤和 lint 警告。

Build errors
npm test 或 yarn test

以交互模式運行測試觀察程序。 默認情況下，運行與上次提交后更改的文件相關的測試。

詳細了解測試。

npm run build 或 yarn build

將生產環境的應用程序構建到 build 目錄。 它能將 React 正確地打包為生產模式中并優化構建以獲得最佳性能。

構建將被壓縮，文件名中將包含哈希。

這樣你的應用已準備好部署了。

以上是“create-react-app指的是什么”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！