create-react-app指的是什么

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

create-react-app是FaceBook的React團(tuán)隊(duì)官方出的一個(gè)構(gòu)建React單頁(yè)面應(yīng)用的腳手架工具；它本身集成了Webpack，并配置了一系列內(nèi)置的loader和默認(rèn)的npm的腳本，能實(shí)現(xiàn)零配置就可以開(kāi)發(fā)React的應(yīng)用。

Create React App 是一個(gè)官方支持的創(chuàng)建 React 單頁(yè)應(yīng)用程序的方法。它提供了一個(gè)零配置的現(xiàn)代構(gòu)建設(shè)置。

快速開(kāi)始

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

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

然后打開(kāi) http://localhost:3000/ 查看你的應(yīng)用。

當(dāng)你準(zhǔn)備部署到生產(chǎn)環(huán)境時(shí)，使用 npm run build 創(chuàng)建一個(gè)壓縮后的 bundle（包）。

npm start

立即開(kāi)始

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

只需創(chuàng)建一個(gè)項(xiàng)目，就可以了。

創(chuàng)建應(yīng)用程序

你需要在本地開(kāi)發(fā)計(jì)算機(jī)上使用 Node >= 6（但在服務(wù)器上不需要）。 你可以使用 nvm (macOS/Linux) 或 nvm-windows 輕松地在不同項(xiàng)目之間切換 Node 版本。

要?jiǎng)?chuàng)建新應(yīng)用，你可以選擇以下方法之一：

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

輸出

運(yùn)行任何這些命令都會(huì)在當(dāng)前目錄中創(chuàng)建一個(gè)名為 my-app 的目錄。在該目錄中，它將生成初始項(xiàng)目結(jié)構(gòu)并安裝依賴項(xiàng)：

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

沒(méi)有配置或復(fù)雜的文件夾結(jié)構(gòu)，只是構(gòu)建應(yīng)用程序所需的文件。安裝完成后，你可以打開(kāi)項(xiàng)目目錄：

cd my-app
Scripts

在新創(chuàng)建的項(xiàng)目中，你可以運(yùn)行一些內(nèi)置命令：

npm start 或 yarn start

在開(kāi)發(fā)模式下運(yùn)行應(yīng)用程序。 打開(kāi) http://localhost:3000 在瀏覽器中查看它。

如果你更改代碼，頁(yè)面將自動(dòng)重新加載。 你將在控制臺(tái)中看到構(gòu)建錯(cuò)誤和 lint 警告。

Build errors
npm test 或 yarn test

以交互模式運(yùn)行測(cè)試觀察程序。 默認(rèn)情況下，運(yùn)行與上次提交后更改的文件相關(guān)的測(cè)試。

詳細(xì)了解測(cè)試。

npm run build 或 yarn build

將生產(chǎn)環(huán)境的應(yīng)用程序構(gòu)建到 build 目錄。 它能將 React 正確地打包為生產(chǎn)模式中并優(yōu)化構(gòu)建以獲得最佳性能。

構(gòu)建將被壓縮，文件名中將包含哈希。

這樣你的應(yīng)用已準(zhǔn)備好部署了。

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