So installieren Sie Gatsby unter Ubuntu 20.04

Einführung

Gatsby ist ein superschneller und fantastischer Node-basierter Static-Site-Generator. Es ist ein Mehrzweckgenerator und verfügt über leistungsstarke Tools, die eine Website in die Höhe schnellen lassen. Ich verwende Ubuntu 20.04 LTS und werde Ihnen zeigen, wie Sie Gatsby auf Ihrem Ubuntu-System installieren. Alle Anweisungen sind Ubuntu-spezifisch. Es ist wichtig, diese Befehle nicht unter Debian zu verwenden, da sie aufgrund unterschiedlicher Abhängigkeitsanforderungen zu einem Systembruch führen.

Gatsby installieren

Schritt 1.

Sie müssen sicherstellen, dass auf Ihrem System aktuelle Node.js-, NPM- und Git-Pakete ausgeführt werden. So geht's.

$ node --version

$ npm --version

$ git --version

Schritt 2.

Wenn keines der oben genannten Pakete auf Ihrem System installiert ist, sollten Sie sie zuerst installieren. So gehen Sie vor:

$ sudo apt install node

$ sudo apt install npm

$ sudo apt install git

Erkundigen Sie sich bei Ihrem Paketmanager, ob ein PPA erforderlich ist.

Schritt 3.

Als Nächstes installieren Sie die Gatsby.js-CLI.

Im Gegensatz zu anderen Paketen, die möglicherweise in einem bestimmten Projektverzeichnis installiert werden. Gatsby wird nur global installiert. Ein lokales oder verzeichnisspezifisches Knotenpaket kann ohne sudo installiert werden , aber ein globales Paket kann nur mit sudo installiert werden .

Los geht's:

$ sudo npm install -g gatsby-cli

Es dauerte ungefähr sechs Minuten, um ein paar hundert Pakete zu installieren. Gatsby ist ziemlich groß in Bezug auf Abhängigkeitsanforderungen.

Schritt 3.

Sobald Gatsby.js installiert ist, können wir mit der Erstellung neuer statischer Websites beginnen.

Zuerst müssen Sie ein neues Verzeichnis erstellen.

$ mkdir gatsbySite

Ändern Sie dann das Verzeichnis wie unten gezeigt:

$ cd /gatsbySite.

Schritt 4.

Jetzt ist es einfach, Ihre erste Site zu erstellen, den folgenden Befehl auszuführen und Sie können loslegen. Siehe Screenshot:

$ gatsby new

An dieser Stelle wird Gatsby Ihnen einige Fragen stellen, z. B. wie lautet der Name Ihrer Website, Ihr spezifischer Ordnername Ihrer Website und einige Plugin-Details, wie unten gezeigt.

Sie brauchen nur alle zu beantworten und die Seite wird erstellt.

Schritt 5.

Mit dem folgenden Befehl initiieren Sie einen lokalen Server, der Ihnen Ihre Website lokal anzeigt.

$ npm run develop

Jetzt können Sie auf Ihre lokale Site unter http://localhost:8000/

zugreifen

Schlussfolgerung

In diesem Handbuch haben wir untersucht, wie Gatsby-Generatoren für statische Websites unter Ubuntu 20.04 installiert werden. Die obigen Anweisungen gelten nur für die Ubuntu-Distribution. Jetzt haben Sie einen superschnellen statischen Site-Generator auf Ihrem Linux-System installiert. Es wird uns eine Freude sein, von Ihren Installationserfahrungen zu erfahren. Sagen Sie mit!