web app template herunterladen – web app template Quellcode herunterladen

web app template

Website-Daten

1.0.0

Herunterladen

Web-App-Vorlage

Framework-unabhängige web app template . Dieses Projekt ähnelt Create React App, außer dass React entfernt wird.

Web-App anzeigen.

Voraussetzungen

Node.js

Installieren

Klonen Sie das Repository:

git clone https://github.com/remarkablemark/web-app-template.git
cd web-app-template

Benennen Sie das Projekt um:

web app template /My App Template/g' git grep -l 'Web App' | xargs sed -i '' -e 's/Web App/My App/g'">

git grep -l web-app-template | xargs sed -i ' ' -e ' s/web-app-template/my-app/g '
git grep -l ' web app template ' | xargs sed -i ' ' -e ' s/ web app template /My App Template/g '
git grep -l ' Web App ' | xargs sed -i ' ' -e ' s/Web App/My App/g '

Aktualisieren Sie die Dateien:

Installieren Sie die Abhängigkeiten:

npm install

Initialisieren Sie ein neues Repository:

rm -rf .git
git init

Machen Sie Ihren ersten Commit:

git add .
git commit -m ' feat: initialize project from web-app-template '

Commit-Nachrichten folgen dem herkömmlichen Commits-Format, das während der Veröffentlichung verwendet wird.

Sobald Sie bereit sind, übertragen Sie das lokale Repository auf GitHub (oder ein anderes Remote-Repository):

git remote add origin < remote-repository-url >
git push origin -u origin master

Verfügbare Skripte

Im Projektverzeichnis können Sie Folgendes ausführen:

`npm start`

Führt die App im Entwicklungsmodus aus.

Öffnen Sie http://localhost:3000, um es im Browser anzuzeigen.

Die Seite wird neu geladen, wenn Sie Änderungen vornehmen.

Eventuelle Flusenfehler werden Ihnen auch in der Konsole angezeigt.

`npm run build`

Erstellt die App für die Produktion im build -Ordner.

Es bündelt im Produktionsmodus korrekt und optimiert den Build für die beste Leistung.

Der Build wird minimiert und die Dateinamen enthalten die Hashes.

Ihre App ist bereit zur Bereitstellung!

Weitere Informationen finden Sie im Abschnitt zur Bereitstellung.

`npm run release`

Erweitert die package.json -Version mit der Standardversion.

`npm run deploy`

Stellt die App auf GitHub Pages bereit, indem der build Ordner zwangsweise in den gh-pages -Zweig des Remote-Repositorys verschoben wird.

Umgebungsvariablen

Umgebungsvariablen funktionieren ähnlich wie „Create React App“, außer dass sie mit WEB_APP_ anstelle von REACT_APP_ beginnen.

Zum Beispiel:

 # .env
WEB_APP_VERSION=$npm_package_version
WEB_APP_DOMAIN=www.example.com
WEB_APP_FOO=$DOMAIN/foo

Testen

Tests werden genau wie „React App erstellen“ ausgeführt:

npm test

Bauen

Sie können die Produktions-App lokal erstellen mit:

npm run build

Benennen Sie das Build-Verzeichnis um, wenn Ihre App in einem Unterverzeichnis gehostet wird:

mv build web-app-template

Oder geben Sie das Build-Verzeichnis ein, wenn Ihre App im Stammverzeichnis gehostet wird:

 cd build

Starten Sie einen statischen Dateiserver:

python -m SimpleHTTPServer

Stoppen Sie den Server mit Ctrl + C

Öffnen Sie http://localhost:8000, um es im Browser anzuzeigen.

Wenn Ihre App in einem Unterverzeichnis gehostet wird, öffnen Sie den Ordner in der Verzeichnisliste.

Wenn Sie fertig sind, bereinigen Sie das Build-Verzeichnis.

Wenn Ihre App in einem Unterverzeichnis gehostet wird:

rm -rf web-app-template

Oder wenn Ihre App im Stammverzeichnis gehostet wird:

rm -rf build

Layout

Verzeichnisstruktur (Punktdateien werden weggelassen):

tree -I ' build|node_modules '
.
├── LICENSE
├── README.md
├── package.json
├── public
│   ├── favicon.ico
│   ├── index.html
│   ├── logo192.png
│   ├── logo512.png
│   ├── manifest.json
│   └── robots.txt
└── src
    ├── index.css
    ├── index.js
    ├── reportWebVitals.js
    └── setupTests.js

2 directories, 13 files