create-react-app ist ein offizielles Gerüsttool zum Erstellen von React-Einzelseitenanwendungen, das vom React-Team von FaceBook erstellt wurde. Es integriert Webpack selbst und ist mit einer Reihe integrierter Loader und Standard-NPM-Skripte konfiguriert, sodass Sie keine Konfiguration vornehmen können React-Anwendungen entwickeln.
Empfohlen: „React-Video-Tutorial“
Create React App ist eine offiziell unterstützte Methode zum Erstellen von React-Single-Page-Anwendungen. Es bietet ein modernes Build-Setup ohne Konfiguration.
Schnellstart
npx create-react-app my-app cd my-app npm start
(npx kommt von npm 5.2+ oder höher, siehe Anweisungen für ältere npm-Versionen)
Dann öffnen Sie http://localhost:3000/, um Ihre App anzuzeigen.
Wenn Sie für die Bereitstellung in der Produktion bereit sind, verwenden Sie npm run build, um ein komprimiertes Bundle zu erstellen.
npm start
Jetzt loslegen
Sie müssen keine Tools wie Webpack oder Babel installieren oder konfigurieren. Sie sind vorkonfiguriert und ausgeblendet, sodass Sie sich auf Ihren Code konzentrieren können.
Einfach ein Projekt erstellen und fertig.
Erstellen der Anwendung
Sie benötigen Node >= 6 auf Ihrem lokalen Entwicklungscomputer (aber nicht auf dem Server). Mit nvm (macOS/Linux) oder nvm-windows können Sie problemlos Node-Versionen zwischen Projekten wechseln.
Um eine neue App zu erstellen, können Sie eine der folgenden Methoden wählen:
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+ 中可用
Ausgabe
Durch die Ausführung eines dieser Befehle wird ein Verzeichnis namens „my-app“ im aktuellen Verzeichnis erstellt. In diesem Verzeichnis wird die anfängliche Projektstruktur generiert und Abhängigkeiten installiert:
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.jsKeine Konfiguration oder komplexe Ordnerstruktur, nur die Dateien, die zum Erstellen der Anwendung benötigt werden. Nachdem die Installation abgeschlossen ist, können Sie das Projektverzeichnis öffnen:
cd my-app Scripts
Im neu erstellten Projekt können Sie einige integrierte Befehle ausführen:
npm start 或 yarn start
Führen Sie die Anwendung im Entwicklungsmodus aus. Öffnen Sie http://localhost:3000, um es in Ihrem Browser anzuzeigen.
Wenn Sie den Code ändern, wird die Seite automatisch neu geladen. In der Konsole werden Buildfehler und Flusenwarnungen angezeigt.
Build errors npm test 或 yarn test
Führen Sie den Test-Watcher im interaktiven Modus aus. Standardmäßig werden Tests ausgeführt, die sich auf Dateien beziehen, die seit dem letzten Commit geändert wurden.
Erfahren Sie mehr über das Testen.
npm run build 或 yarn build
Erstellen Sie die Produktionsanwendung im Build-Verzeichnis. Es verpackt React korrekt im Produktionsmodus und optimiert den Build für optimale Leistung.
Der Build wird komprimiert und der Hash wird in den Dateinamen aufgenommen.
Jetzt ist Ihre Anwendung bereit für die Bereitstellung.
Das obige ist der detaillierte Inhalt vonWas ist eine Create-React-App?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
