Die Befehlszeile für Webdesign Grundlagen verstehen

Es gibt nur ein paar Dinge, die Sie benötigen, um sich auf all die coolen Webdesigns der Befehlszeile vorzubereiten. Viele allgemeine Einführungen in die Befehlszeile konzentrieren sich auf Dinge wie das Erstellen von Ordnern, das Verschieben von Dateien, das Navigieren in Ihrem System usw. Ich finde, dass ich mit einem Webdesign-Fokus diese Art von Befehlen selten verwende.

Als ich anfing, die Kommandozeile zu lernen, stieß ich auch auf zahlreiche Tutorials, die häufig direkt in Anweisungen sprangen, wie „Geben Sie blahdee blah blah in Ihr Terminal ein“ oder „Führen Sie den Befehl bloop piep boop aus“ , "Warte eine Minute, was ist mein Terminal, wo finde ich es, wie öffne ich es und wie verwende ich es?"

In diesem Tutorial stellen wir sicher, dass Sie nicht das gleiche Problem haben. Wir fangen ganz am Anfang an. Sie erfahren alles Wissenswerte über die Arbeit mit einem Terminal oder einer Eingabeaufforderung. Dazu gehört das Öffnen des Terminals, das Ausführen von Befehlen, das Wiederholen von Befehlen, das Anpassen des Projektordners beim Ausführen von Befehlen sowie die Behandlung der häufigsten Fehler Nachricht, die Sie sehen werden.

Diese Serie enthält die spezifischen Schritte, die sowohl für Mac- als auch für Windows-Linux-Mitarbeiter erforderlich sind. Ich vermute jedoch, dass Sie als Linux-Benutzer wahrscheinlich bereits mit der Befehlszeile vertraut sind. Darüber hinaus sind die meisten Mac-Befehle unter Linux als "Nix-System" identisch, daher sollten Sie sowieso gut damit umgehen können.

Ein Hinweis zu GUI-Apps

Ich weiß, was Sie vielleicht denken, und ja, es ist möglich, GUI-Apps zu verwenden, um einige dieser Arten von Prozessen abzuwickeln. Ich mache das oft selbst. GUIs für jeden Benutzer sind jedoch notwendigerweise a eine Grösse passt allen Wenn Sie also feststellen, dass Sie etwas tun möchten, für das eine App nicht geeignet ist, stecken Sie fest.

Wenn Sie die Tutorials in dieser Serie durchlaufen haben, verfügen Sie über das Know-how, um Ihre eigenen, über die Befehlszeile aktiven Projekte jederzeit und auf beliebige Weise zu erstellen.

Was ist die Befehlszeile??

Kurz gesagt, die Befehlszeile bietet Ihnen die Möglichkeit, die Arbeit mit einer visuellen Benutzeroberfläche zu überspringen, sodass Sie Ihre Hooks tiefer in die Verarbeitung einführen können und mehr Kontrolle haben.

Um Ihnen etwas Hintergrundwissen zu vermitteln: Als Computer zum ersten Mal in der Szene ankamen, war die einzige Möglichkeit, mit ihnen zu interagieren, die Eingabe von Befehlen, die von Befehlszeilenschnittstellen (CLIs) verarbeitet wurden. Schließlich entstanden grafische Benutzeroberflächen (GUIs), die zu der visuellen Interaktion mit dem Mauszeiger führten, die wir heute in Betriebssystemen und Software gewohnt sind.

In der Welt des Webdesigns haben sich die Dinge in die andere Richtung entwickelt. Zu Beginn waren fast alle unsere Tools GUI-basierte Software. Erst in relativ kurzer Zeit sind CLI-basierte Lösungen für Webdesign-Probleme so zugänglich, dass sie sich durch die Auszahlung lohnen.

Das Erste, was Sie über die Befehlszeile verstehen müssen, ist, dass Sie zur Verwendung ein spezielles Programm benötigen, in das Sie Ihre Befehle eingeben. 

Es stehen verschiedene Optionen zur Verfügung. In dieser Serie werden jedoch nur die Standardprogramme verwendet, die mit Mac und Windows geliefert werden. Auf dem Mac heißt das Programm, das zur Arbeit mit der Befehlszeile verwendet wird, "Terminal" und unter Windows "Command Prompt"..

So öffnen Sie eine Terminal- / Eingabeaufforderung

Das Auffinden und Ausführen der Eingabeaufforderung für das Terminal / die Befehlszeile ist nicht sofort ersichtlich, wenn Sie noch nie zuvor etwas verwendet haben. So geht's auf Mac und Windows.

Auf dem Mac

Auf einem Mac ist es am einfachsten, ein Terminal zu öffnen, indem Sie zu Ihrem Launchpad gehen und danach suchen Terminal Dort.

Das Terminal auf dem Mac sieht so aus:

Sobald Sie es laufen haben, befestigen Sie diesen Sauger an Ihrem Dock. Vertrauen Sie mir, Sie wollen es dort haben.

Unter Windows

Im Windows-Sprachgebrauch erfolgt die Befehlszeile über Eingabeaufforderung

Unter Windows 8: Gehen Sie vom Startbildschirm aus zu Apps, und unter Windows-System wählen Eingabeaufforderung.

Alternativ drücken Sie Windows Schlüssel plus R ein lauffenster öffnen. Im Feld beschriftet Öffnen Art cmd und klicken Sie auf die OK Schaltfläche, um die Eingabeaufforderung zu starten.

Die Eingabeaufforderung unter Windows sieht folgendermaßen aus:

Schnelle Notiz: Der Kürze halber verwende ich in dieser Serie nicht das Wort "Terminal / Befehlszeile", sondern das Wort "Terminal", wenn nicht auf Windows-spezifische Anweisungen verwiesen wird.

Befehle ausführen und wiederholen

Warten Sie zum Ausführen eines Befehls, bis eine Eingabeaufforderung angezeigt wird. Auf dem Mac können Sie die Aufforderung an der erkennen $ sign endet mit, und unter Windows endet es mit a > Zeichen:

Aufforderung am Mac-TerminalEingabeaufforderung an der Windows-Eingabeaufforderung

Wenn Sie eine Aufforderung sehen, können Sie Ihren Befehl eingeben und dann die Eingabetaste drücken, um ihn auszuführen:

Eine sehr praktische Sache zu wissen ist, dass Sie, wenn Sie einen Befehl wiederholen möchten, den Aufwärts- und / oder Abwärtspfeil auf Ihrer Tastatur drücken können, um durch zuvor eingegebene Befehle zu blättern.

Sie werden feststellen, dass es häufig Befehle gibt, die Sie mehrmals ausführen möchten. Sie können einfach nach oben gehen und dann drücken eingeben ist viel schneller als das Wiederholen von Befehlen.

Terminal in einem bestimmten Ordner öffnen

Für die meisten Aufgaben des Webdesigns, die Sie über die Befehlszeile ausführen, muss Ihr Terminal auf den Ordner zeigen, in dem sich Ihr Projekt befindet. 

Ihr Terminal zeigt den Namen des Ordners an, in dem Sie gerade arbeiten:

Es ist möglich, sich mit dem Computer durch Ihren Computer zu bewegen CD Befehl, kurz für "Verzeichnis wechseln". Sie werden es wahrscheinlich viel einfacher finden, wenn Sie einfach mit der rechten Maustaste in Ihren Projektordner klicken und dann ein Terminal öffnen, das bereits an der richtigen Stelle steht.

Ich persönlich mache das ständig, auch wenn der Befehl „cd“ wahrscheinlich schneller wäre, da mein Designer-Gehirn es vorziehen würde, auf diese Weise zu arbeiten. So können Sie dies auf jedem Betriebssystem tun.

Auf dem Mac

Ich verwende eine App namens XtraFinder (kostenlos und verfügt über eine Reihe wirklich hilfreicher Funktionen), mit der Sie eine hinzufügen können Neues Terminal hier Option zum Kontextmenü im Finder.

Unter Windows

Runter halten Verschiebung und klicken Sie mit der rechten Maustaste in Ihren Projektordner. Im Kontextmenü sollte eine Option Lesen angezeigt werden Befehlsfenster hier öffnen.

Unter Windows öffne ich auf diese Weise immer eine Eingabeaufforderung, da dies am einfachsten ist.

EACCES Sie haben keine Erlaubnis? Sudo.

Eines der Dinge, die Sie unter Mac häufig finden werden, ist die eine oder andere Variante der Fehlermeldung, die die Buchstaben enthält EACCES.

Es wird oft begleitet von etwas wie "Bitte versuchen Sie, diesen Befehl erneut als root / Administrator auszuführen."

Wenn oder wenn Sie dies sehen, bedeutet dies nur, dass Sie versuchen, eine Aufgabe auszuführen, für die erhöhte Zugriffsrechte erforderlich sind. Dieses System soll sicherstellen, dass niemand ohne Autorisierung wesentliche Änderungen an Ihrem Computer vornehmen kann.

Der einfachste Weg, um zu überprüfen, ob Sie tatsächlich autorisiert sind, ist das Hinzufügen des Wortes Sudo an den Anfang Ihres Befehls, was für "Super User do" steht.

Sie werden dann aufgefordert, Ihr Passwort einzugeben, bevor Sie fortfahren können.

Wenn Sie hinzufügen Sudo zu einem Befehl, den Sie als "Superuser" des Systems und nicht als normaler alter Benutzer verwenden. Mit diesen erhöhten Berechtigungen sollten Sie feststellen, dass der Befehl, den Sie ausführen möchten, einwandfrei funktioniert.

Alternativen zu Sudo

Sie sollten wissen, dass es im Allgemeinen andere Möglichkeiten gibt als Sudo Fehler auf Zugriffsebene umgehen, z. B. Ändern der Art und Weise, wie Berechtigungen auf Ihrem Computer eingerichtet werden. Die typischen Schritte für diese Art von Prozessen liegen jedoch etwas außerhalb des hier beschriebenen Basisniveaus. 

Sie werden in Ordnung sein Sudo In dem Kontext werden wir in dieser Serie behandeln. Das heißt, wenn Sie mit der Befehlszeile vertraut sind, möchten Sie vielleicht nach diesen anderen Optionen suchen.

Hier ist ein Prozess für ein Lesezeichen, um später npm-Berechtigungen zu korrigieren, dessen Relevanz in einem späteren Lernprogramm deutlich wird.

Wie Sudo-Verwendung in dieser Serie angezeigt wird

Wo auch immer Sie verwenden müssen Sudo in einem Befehl schreibe ich den Befehl so aus:

[sudo] Befehl hier

Das bedeutet nicht, dass Sie buchstäblich tippen sollten [sudo] mit den eckigen Klammern, die Sie verwenden müssen oder nicht Sudo, d.h..

Sudo-Befehl hier

oder

Befehl hier

Im Zweifelsfall können Sie den Befehl immer ohne starten Sudo und dann nochmal versuchen, wenn Sie eine sehen EACCES Error.

Im nächsten Tutorial

Im nächsten Tutorial werden wir direkt in die Techniken einsteigen, die Sie in Ihren bestehenden Webdesign-Workflows einsetzen können, indem Sie die Befehlszeile für die Paketverwaltung von Drittanbietern verwenden.

Sie lernen, wie Sie mit zwei der beliebtesten Paketverwaltungssysteme im Web heute loslegen können und wie Sie Pakete zum Suchen, Installieren und Aktualisieren von Paketen zur Verwendung in Ihren Projekten verwenden.

Ich sehe dich dort!