Eine Community für neue Programmierer, die neue Programmiersprachen lernen und die Kraft von Ressourcen nutzen.
Klonen Sie das Repo
Klonen Sie das gegebene Repo in einem Ordner, in dem Sie möchten.
git clone https://github.com/BrainBuzzer/hyperlog.ClubInstallieren Sie die Abhängigkeiten
Navigieren Sie zum geklonten Verzeichnis und installieren Sie die Abhängigkeiten, die für die Ausführung des Projekts erforderlich sind.
cd hyperlog.Club
npm installHinweis: Möglicherweise müssen Sie
windows_build_toolsundnode-gypinstallieren, wenn Sie Windows-Betriebssystem verwenden.
Sich entwickeln.
Drehen Sie den Server aus dem Verzeichnis.
npm run developÖffnen Sie den Quellcode und beginnen Sie mit der Bearbeitung!
Hyperlog.club läuft jetzt unter http://localhost:8000 !
Hinweis: Sie sehen auch einen zweiten Link: http://localhost:8000/___graphql . Dies ist ein Tool, mit dem Sie mit der Abfrage der Daten experimentieren können. Erfahren Sie mehr über die Verwendung dieses Tools im Gatsby -Tutorial.
Öffnen Sie das Verzeichnis hyperlog.Club in Ihrem Code -Editor der Wahl. Happy Coding!
Ein kurzer Blick auf die obersten Dateien und Verzeichnisse, die Sie in einem Gatsby-Projekt sehen werden.
.
├── node_modules
├── src
├── resources
├── .gitignore
├── .prettierrc
├── gatsby-browser.js
├── gatsby-config.js
├── gatsby-node.js
├── gatsby-ssr.js
├── LICENSE
├── package-lock.json
├── package.json
└── README.md
/node_modules : Dieses Verzeichnis enthält alle Codemodule, von denen Ihr Projekt abhängt (NPM -Pakete), die automatisch installiert werden.
/src : Dieses Verzeichnis enthält den gesamten Code, der sich auf das bezieht, was Sie auf dem Front-End Ihrer Website (was Sie im Browser sehen) wie Ihre Site-Header oder eine Seitenvorlage sehen werden. src ist eine Konvention für "Quellcode".
/resources : Dieses Verzeichnis enthält alle Tutorials und Ressourcen, die Sie auf der Website finden. Dieses Verzeichnis ist der Kern aller Ressourcen.
.gitignore : Diese Datei gibt Git mit, für welche Dateien kein Versionshistorie verfolgt / nicht führen dürfe.
.prettierrc : Dies ist eine Konfigurationsdatei für schöner. Schöner ist ein Werkzeug, mit dem die Formatierung Ihres Codes konsistent bleibt.
gatsby-browser.js : In dieser Datei wird Gatsby erwartet, die Verwendung der Gatsby Browser-APIs (falls vorhanden) zu finden. Diese ermöglichen die Anpassung/Erweiterung der Standard -Gatsby -Einstellungen, die sich auf den Browser auswirken.
gatsby-config.js : Dies ist die Hauptkonfigurationsdatei für eine Gatsby-Site. Hier können Sie Informationen über Ihre Website (Metadaten) wie den Titel und die Beschreibung des Site angeben, die Gatsby -Plugins, die Sie einschließen möchten, usw. (finden Sie in den Konfigurationsdokumenten für weitere Details).
gatsby-node.js : In dieser Datei wird Gatsby erwartet, die Verwendung der Gatsby-Knoten-APIs (falls vorhanden) zu finden. Diese ermöglichen die Anpassung/Erweiterung der Standard -Gatsby -Einstellungen, die sich auf die Teile des Website -Erstellungsprozesses auswirken.
gatsby-ssr.js : In dieser Datei wird Gatsby erwartet, die Verwendung der Gatsby Server-Side-Rendering-APIs (falls vorhanden) zu finden. Diese ermöglichen die Anpassung der Standard-Gatsby-Einstellungen, die sich auf das Server-Side-Rendering auswirken.
LICENSE : Hyperlog.club ist unter GPL-V3 lizenziert.
package-lock.json (siehe package.json unten, zuerst). Dies ist eine automatisch generierte Datei basierend auf den genauen Versionen Ihrer NPM -Abhängigkeiten, die für Ihr Projekt installiert wurden. (Sie werden diese Datei nicht direkt ändern).
package.json : Eine Manifestdatei für Node.js -Projekte, die Dinge wie Metadaten (der Name des Projekts, Autor usw.) enthält. Dieses Manifest ist, wie NPM weiß, welche Pakete für Ihr Projekt installiert werden sollen.
README.md : Eine Textdatei mit nützlichen Referenzinformationen zu Ihrem Projekt.