Im vorherigen Artikel habe ich den Prozess der Einrichtung einer lokalen Entwicklungsumgebung mit einem Paketmanager durchlaufen. Insbesondere habe ich über die Verwendung von Homebrew zur Installation von Valet und Composer gesprochen .

Ersteres bietet den Nginx-Webserver, einen MySQL-Datenbankserver, während Homebrew die Installation von PHP ermöglicht. Composer gibt Ihnen die Möglichkeit, mit PHP-Abhängigkeiten umzugehen. Wenn Sie den Beitrag nicht gelesen haben, empfehle ich ihn dringend, da dieser Beitrag auf dieser gesamten Umgebung basiert.

Insbesondere werde ich über IDEs sprechen. Es ist ein heißes Thema, denke ich, aber wenn Sie keine Präferenz haben, werde ich Sie durch den Prozess führen, eine auszuwählen, die meiner Meinung nach am besten ist (zumindest damit zu beginnen), sie zu konfigurieren und zu verwenden im Rahmen des in der vergangenen Woche eingerichteten Umfelds.

Eine IDE für die WordPress-Entwicklung

Viele professionelle WordPress-Entwickler werden Sie wahrscheinlich über PhpStorm sprechen hören. Und das aus gutem Grund. Ich benutze diese spezielle IDE jetzt seit über einem Jahr und sie ist wirklich leistungsfähig.

Es bietet eine großartige Unterstützung für eine Reihe von erweiterten Funktionen, ist erweiterbar und verfügt über viele integrierte Funktionen, die es zu einer großartigen Arbeitsumgebung machen. Ich habe jedoch festgestellt, dass es von allen IDEs, die ich ausprobiert habe, auch die steilste Lernkurve aufweist. Es ist auch eine kostenpflichtige IDE, die für manche vielleicht eine Abschaltung ist. Aber das ist OK. Darauf werden wir in diesem Beitrag eingehen.

Das ist nicht unbedingt eine schlechte Sache: Manchmal sind die Dinge, die es am meisten wert sind, gelernt zu werden, die am schwierigsten zu verwendenden Dinge. Aber es gibt Alternativen da draußen und ich versuche sicherzustellen, dass jeder, der dies liest, auf derselben Seite ist.

Wie ich im vorigen Beitrag sagte:

Wenn ich ausführlich über dieses Material schreibe, sollte ich davon ausgehen, dass wir alle dieselbe Umgebung verwenden?

Da ich eher auf Ja stehe, denke ich, dass es angebracht ist, eine IDE auszuwählen, von der ich denke, dass sie mit jedem gut funktioniert – von denen, die gerade lernen, bis zu denen, die etwas fortgeschrittener sind. Geben Sie Visual Studio-Code ein.

Ein Hinweis zu dieser IDE

Wenn Sie diesen Blog schon länger lesen (oder gerade erst anfangen), werden Sie feststellen, dass ich ein Archiv mit Beiträgen zu dieser speziellen IDE habe. Einige der Beiträge, die ich geschrieben habe, beinhalten:

• Visual Studio-Code für die WordPress-Entwicklung
• Einrichten von PHP CodeSniffer in Visual Studio Code
• TODOs, REVIEWS und FIXMEs ,
• usw.

Tatsächlich habe ich einen ganzen Rückstand, den Sie durchgehen können. Das Problem: Es ist ein bisschen veraltet. Bei der Verwendung von PhpStorm hat Visual Studio Code (oder kurz Code) erhebliche Verbesserungen vorgenommen, seit ich es das letzte Mal verwendet habe.

Abgesehen davon mag ein Teil dieses Materials überflüssig klingen, aber es wird uns letztendlich alle auf die gleiche Seite bringen.

Visual Studio-Code

Bevor Sie beginnen, sollten Sie auf zwei Dinge verweisen:

• Warum Visual Studio Code?
• Erste Schritte mit Visual Studio Code

Letzteres ist ein ziemlich großes Thema, da es eine Reihe von Dingen enthält, die installiert, konfiguriert und eingerichtet werden müssen, also werde ich das beginnend mit diesem Beitrag und den neuen paar behandeln, aber zumindest lohnt es sich, darüber zu sprechen, warum Visual Studio Code ist eine solide IDE für die WordPress-Entwicklung.

1 Warum Visual Studio Code?

Abgesehen davon, dass es mit allen wichtigen Betriebssystemen kompatibel ist, ist eines der ersten Dinge, die bei Code zu beachten sind, dass es eine Kopie seiner Einstellungen in einer eigenen Datei speichert, sodass Sie immer darauf zurückgreifen können, aber Sie können es an Ihre eigenen Einstellungen anpassen .

Darüber hinaus wird alles in einer JSON-Datei verwaltet, mit der Sie es an die Umgebung anpassen können, in der Sie arbeiten. Vielleicht ist es PHP, vielleicht ist es JavaScript oder vielleicht ist es etwas ganz anderes.

Wenn Sie die Einstellungen portabel halten, ist es darüber hinaus einfach, sie zwischen Ihren Computern zu teilen. Das bedeutet, dass Sie die Datei beispielsweise in einem Dropbox-Ordner ablegen und Ihre Einstellungen über alle Ihre Computer referenzieren können.

Dies ist natürlich hilfreich, wenn Sie nur mehrere Maschinen haben. Und wenn ja, möchten Sie vielleicht die Entwicklungsumgebungen synchronisieren, damit Sie leicht zwischen ihnen wechseln können.

2 Erste Schritte mit Visual Studio-Code

Der Einstieg in die IDE ist einfach. Es geht wirklich darum:

1. Navigieren zur Homepage der Software,
2. Laden Sie die für Ihr Betriebssystem geeignete Version herunter,
3. Dann installieren Sie es.

Aber es reicht nicht aus, es einfach zu installieren, oder?

Ich meine, wir müssen immer noch darüber sprechen, wie man Workspaces für jedes unserer Projekte hinzufügt, Einstellungen konfiguriert und Erweiterungen installiert, die uns dabei helfen, unsere Arbeit produktiver zu machen.

In den nächsten Beiträgen werden wir genau das tun. Denn wenn diese Posts zu lang werden, kommt man mit dem Rest des Tages eigentlich gar nicht weiter 🙂.

Was ist mit Erweiterungen?

Denken Sie jedoch daran, dass wir, da wir in dieser Serie und in den folgenden Artikeln hauptsächlich mit WordPress und verwandter Software arbeiten, sicherstellen müssen, dass wir einige Dinge installiert haben, um das, was wir tun werden, richtig zu handhaben.

Dazu gehören Dinge wie die Unterstützung für:

• WordPress. Eines der netten Dinge bei der Verwendung einer intelligenten IDE ist, dass sie Codevervollständigung anbieten kann. Die Verwendung einer Sprache wie PHP wird normalerweise von den meisten IDEs angeboten. Dieses Plugin fügt Unterstützung für WordPress hinzu.
• PSR2-Codierungsstandards. Obwohl ich einst ein Fan der WordPress-Codierungsstandards war, bin ich seitdem zu den PSR-Codierungsstandards gewechselt (aus verschiedenen Gründen).
• Debuggen. Die Verwendung von Xdebug ist unerlässlich, wenn Sie versuchen, mit Echo- und var_dump- Anweisungen in Ihrem Code bestanden zu werden. Außerdem hilft es, tiefer in den WordPress-Quellcode zu schauen, wenn man potenzielle Probleme durchdringt.
• TODO-Verwaltung. Meistens gibt es beim Schreiben von Code Stellen, die Sie zurückgehen und überprüfen, reparieren oder einfach erledigen müssen, bevor Sie etwas für die Staging- oder Produktionsumgebung freigeben. Mit einem solchen Tool können Sie sie leicht finden, bevor Sie den Code in die Quellcodeverwaltung übertragen oder bereitstellen.
• Und mehr.

Natürlich führen Sie die oben verlinkten Dinge zur Homepage für jedes der Plugins, aber es ist möglich – und wahrscheinlich besser – sie aus dem Editor heraus zu installieren, damit Sie sie einfacher verwalten können.

Denken Sie daran, dass der Zweck des vorherigen Posts darin bestand, eine Möglichkeit zu haben, die gesamte Software, die wir installieren, einfach zu verwalten. Und die Installation der Erweiterungen über die IDE bietet genau das gleiche Erlebnis für die IDE.

Schließlich sind dies die Erweiterungen, die ich bei der Arbeit mit WordPress als nützlich empfunden habe.

Als nächstes

Obwohl ich eine zusammenfassende Information über viele der oben genannten Dinge bereitgestellt habe, braucht es keinen tiefen Einblick in einige von ihnen oder was Sie erwarten können, wenn Sie sie verwenden.

Außerdem geht es nicht um die üblichen Tabs-gegen-Leerzeichen, Schriftarten, die ich für sinnvoll halte, Sass-Linting, JavaScript-Stil und Linting und so weiter.

Arbeiten Sie bis dahin daran, Visual Studio Code zu installieren und mit den oben verlinkten Erweiterungen einzurichten. Das geht ganz einfach in der IDE. Und wenn Sie Fragen haben, können Sie diese gerne in den Kommentaren hinterlassen.