Was ist eine Create-React-App? create-react-app erstellt Anwendungen für die React-Entwicklungsumgebung

Was ist eine Create-React-App? Was kann die Create-React-App? In diesem Artikel erfahren Sie, wie Sie mit der Create-React-App eine React-Entwicklungsumgebung erstellen.

1. Was ist eine Create-React-App?
Für Anfänger ist es sehr schwierig, ein Reaktionsprojekt zu erstellen und seine Entwicklungsumgebung aufzubauen! Aus diesem Grund hat Facebook speziell den Befehl „create-react-app“ für den Aufbau der Reaktionsprojekt-Entwicklungsumgebung entwickelt!

Create-React-App wird basierend auf Webpack+ES6 erstellt.

2. Verwendung.
Führen Sie die folgenden Befehle nacheinander in der Befehlszeile aus, um die Projektkonstruktion abzuschließen.

cnpm install -g create-react-appcreate-react-app my-app 
//这里的my-app是随便起的一个项目名称而已。
cd my-app/
npm start

Das endgültige Projektverzeichnis lautet wie folgt:

Das Rendering sieht so aus:

3. Beschreibung des Projektverzeichnisses:
öffentlicher Ordner: Die darin enthaltene index.html ist die Projektvorlage der Indexeintragsseite, die schließlich für das gesamte React-Projekt gepackt wird. Dies hat jedoch nichts mit dem Schreiben unseres Codes zu tun, sondern hängt mit der endgültigen Seitenanzeige zusammen.

src-Ordner: Hier schreiben wir Code.

src/index.js: Dies ist die Eintrags-JS-Datei des gesamten Projekts.
src/app.js: Es handelt sich um eine durch den Index eingeführte Komponente, die auch durch eine js-Datei dargestellt wird.
src/index.css: Stildatei in index.js.
src/app.css: Es ist die Stildatei von app.js.
logo.svg: Es handelt sich um eine SVG-Bilddatei. Wird für die Schnittstellenanzeige verwendet.

4. Ich persönlich werde mit einer solchen Struktur jedoch nicht zufrieden sein und sie ist nicht für die Entwicklung geeignet.
Das Folgende ist eine erste Transformation, die ich vorgenommen habe:

Ändern Sie das Verzeichnis, ändern Sie den Projektpfad und setzen Sie unsere Projektentwicklungsarbeit in diesem Verzeichnis fort.

Verwandte Empfehlungen:

Tutorial zum Miniprogramm für das WeChat-Miniprogramm

Vergleichende Unterschiede zwischen dem WeChat-Miniprogramm und dem Alipay-Miniprogramm Einführung

Das obige ist der detaillierte Inhalt vonWas ist eine Create-React-App? create-react-app erstellt Anwendungen für die React-Entwicklungsumgebung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!