Heim  >  Artikel  >  CMS-Tutorial  >  Verbessern Sie die WordPress-Entwicklung mit hochwertigen Tools

Verbessern Sie die WordPress-Entwicklung mit hochwertigen Tools

王林
王林Original
2023-09-03 15:21:01805Durchsuche

Das Erstellen von Tools, Themes, Plugins und Apps in WordPress erfordert eine Vielzahl unterschiedlicher Dinge, wenn wir sicherstellen wollen, dass wir über die besten Tools verfügen.

Wenn Sie 10 verschiedene Personen fragen, welches Tool sie bevorzugen, erhalten Sie nicht nur unterschiedliche Antworten (von IDEs über Abhängigkeitsmanagementanwendungen bis hin zu Build-Tools), sondern auch unterschiedliche Antworten Stellen Sie ähnliche Funktionen bereit, die Sie möglicherweise benötigen.

Zu den Dingen, die Sie beispielsweise lesen könnten, gehören:

  • Schnurren

  • Bower
  • Komponist

  • Code-Paket
  • JSLint
  • ...und mehr

Das berührt nicht einmal die Oberfläche von Themen wie Webservern, Datenbanksystemen und PHP-Versionen. All dies sind wichtige Themen, die besprochen werden sollten, allerdings in eigenen Beiträgen.

Zu den nicht verhandelbaren Faktoren im Zusammenhang mit der effizienten Erledigung Ihrer Arbeit bei der Verwendung von WordPress gehören die folgenden:

  1. Eine IDE
  2. Im Debugger
  3. Code-Inspektion und -Minimierung
  4. Versionskontrolle
  5. Bereitstellungstools

Wie bei den meisten Dingen haben Entwickler ihre eigenen spezifischen Entscheidungen darüber, welche Tools sie gerne verwenden und warum sie sie gerne verwenden.

In diesem Artikel werde ich einige Tools vorstellen, die ich gerne verwende und die ich bei meiner professionellen WordPress-Entwicklungsarbeit nützlich finde. Ich möchte jedoch klarstellen, dass dies keine endgültige Liste der Tools ist, die Sie verwenden sollten.

Betrachten Sie dies stattdessen als Leitfaden dafür, was ein Qualitätswerkzeug für die Qualitätsentwicklung ausmacht. Wenn Sie mit dem von Ihnen verwendeten Toolset zufrieden sind, ist das großartig! Wenn Sie jedoch nach etwas suchen, das Ihnen hilft, Ihre Arbeit effizienter zu erledigen, dann sind Sie hier vielleicht auf dem richtigen Weg.

Bevor ich anfange, möchte ich mitteilen, dass ich OS X verwende, sodass viele meiner Empfehlungen auf dieser Plattform basieren werden. Viele der Anwendungen, die ich verwende, verfügen jedoch über Windows- und Linux-Gegenstücke sowie über Open-Source-Tools, die plattformübergreifend verfügbar sind.

1. IDE

Es ist von entscheidender Bedeutung, über eine IDE zum Schreiben von Code zu verfügen. Natürlich bevorzugen einige Entwickler etwas so Einfaches wie TextEdit oder Notepad++. Mehr Kraft für sie! Wenn Sie jedoch nach Funktionen mit Syntaxhervorhebung, Codevervollständigung, Plugin-Unterstützung, S/FTP-Integration oder sogar Versionskontrollintegration suchen, stehen Ihnen mehrere Tools zur Verfügung.

Persönlich ist die IDE meiner Wahl Coda 2.

使用质量工具增强 WordPress 开发

Diese spezielle IDE führt zu geteilten Meinungen in der WordPress-Entwicklung. Manche Leute mögen Atom, manche mögen Sublime Text, manche mögen Vim, manche mögen PHPStorm und alle haben ihre eigenen Vorteile.

Ich persönlich mag Coda 2 wegen des fortlaufenden Supports, der Updates, der mobilen Version der App und des allgemeinen Erscheinungsbilds. Mir gefallen die Fortschritte, die sie bei der Unterstützung von Plattformen wie WordPress gemacht haben, und die integrierte Code-Vervollständigung ist großartig.

Natürlich bieten andere IDEs genau die gleiche Funktionalität. Wenn Sie sich jedoch für die Verwendung von Coda entscheiden, finden Sie hier einige Plugins, die ich für die WordPress-Entwicklung bevorzuge. In keiner bestimmten Reihenfolge:

  • WordPress-Modus für Coda 2
  • PHP DocBlock Generator
  • Albino

Natürlich gibt es noch viele weitere Komponenten, die Sie installieren können.

Schauen Sie sich bei anderen von Ihnen empfohlenen IDEs unbedingt die Schlussfolgerung an, um zu erfahren, wie wir sie in den Kommentar-Feed für diesen speziellen Beitrag integrieren möchten.

2. Debugger

Der Debugger ist eines der leistungsstärksten Tools in der Toolbox eines jeden Entwicklers. Für diejenigen, die es nicht kennen: Mit dieser Software können Sie überwachen, was Ihr Quellcode zur Laufzeit tut, indem Sie sich ansehen, was das Programm tut.

Dadurch können Sie:

  • Sehen Sie, welche Funktion ausgelöst wird
  • Sehen Sie sich den Wert jeder Variablen an
  • Überspringen Sie einige Funktionen, die Sie vermeiden möchten
  • Gehen Sie zu den Funktionen, die Sie sehen möchten (z. B. WordPress-Kernfunktionen)
  • ...und mehr

Viele IDEs (wie PHPStorm) verfügen über integrierte Debugger. Wenn Sie sich jedoch für die Verwendung einer anderen IDE entscheiden, die keinen nativen Debugger enthält, kann ich Codebug wärmstens empfehlen.

使用质量工具增强 WordPress 开发

Dies ist ein eleganter und benutzerfreundlicher Debugger, der Ihnen alle Funktionen eines nativen Debuggers bietet, jedoch in einer eigenständigen Anwendung. Es lohnt sich, dies in Ihr Arsenal aufzunehmen.

WARNUNG: Wenn Sie mit dem Debuggen noch nicht vertraut sind und/oder sich nicht sicher sind, wie das System funktioniert, lesen Sie unbedingt die Dokumentation. Eigentlich ist es relativ einfach zu erlernen, aber es hat seine Lernkurve.

Sobald Sie sich jedoch an die Verwendung eines Debuggers gewöhnt haben, werden Sie sich fragen, wie Sie jemals ohne einen leben konnten.

3. Tools zur Codeüberprüfung und -minimierung

使用质量工具增强 WordPress 开发

Tools zur Codeüberprüfung und -minimierung mögen zwei getrennte Themen sein, aber mittlerweile sind sie so eng miteinander verbunden, dass ich denke, dass sie es verdienen, zusammen aufgeführt zu werden.

Überprüfen

Zuallererst für diejenigen, die es nicht kennen: Beim Linting geht es im Grunde darum, sicherzustellen, dass Ihr Code (in diesem Fall JavaScript-Code) einem bestimmten Standard entspricht. Das heißt, es werden keine schlechten Praktiken angewendet.

Laut Wikipedia:

lint war ursprünglich der Name eines bestimmten Programms, das einige fragwürdige und nicht tragbare Konstrukte (möglicherweise Fehler) im C-Quellcode markierte. Mittlerweile bezieht sich der Begriff allgemein auf Tools, die verdächtige Verwendung in Software melden, die in einer beliebigen Computersprache geschrieben ist.

In unserem Fall verfügen wir über Tools wie JSLint und JSHint, die es uns ermöglichen, dies mit JavaScript-Code zu tun.

Sie können Linting sicherlich auch für andere Sprachen finden, aber der wohl häufigste Fall, in dem Sie Linting in WordPress finden, ist JavaScript. Sie finden diese Funktionalität auch in jedem der am Anfang dieses Artikels erwähnten Build-Tools.

Herauszoomen

Minimierung ist der Prozess, bei dem eine Sprache (sei es CSS, Sass, LESS, JavaScript usw.) in eine kompaktere Datei umgewandelt wird, indem alle Leerzeichen, langen Variablennamen usw. entfernt werden. p>

Die Idee besteht nicht darin, verschleierten Code zu erstellen, sondern in der Erstellung kompakter Dateien, die Sie Browsern in der Produktion bereitstellen können, sodass Ihre Website schneller geladen wird, da weniger Inhalte heruntergeladen werden müssen.

Es gibt auch das Konzept der Verkettung, das den Rahmen dieses Artikels sprengen würde, aber die Idee hinter der Verkettung ist, dass alle minimierten Skripte und Stylesheets in einer einzigen Datei zusammengefasst werden, sodass der Browser nur zwei Anfragen stellen muss – eine für jede Datei.

Jedenfalls kümmern sich alle oben genannten Tools auch um die Minimierung (und Verkettung) von Skripten und Stilen und deren Ausgabe in ein Verzeichnis Ihrer Wahl.

4.Versionskontrolle

Wenn Sie alleine oder mit einem Team an einer Codebasis arbeiten, ist es immer hilfreich, die Konsistenz Ihrer Softwareversionen sicherzustellen.

Kurz gesagt ist die Versionskontrolle eine Möglichkeit, Code in ein Repository zu übertragen, sodass bei Änderungen durch Sie oder Ihre Teammitglieder die neueste Version des Codes beibehalten wird, sodass Sie den Verlauf der ausgeführten Vorgänge und ggf. sehen können Wenn etwas schief geht, können Sie zu einem bestimmten Punkt in der Zeitleiste zurückkehren.

Was die beste Software für die Versionskontrolle betrifft, gibt es Tools wie Subversion, Git und Mercurial.

Wenn Sie es gewohnt sind, in der WordPress-Wirtschaft zu arbeiten, sind Sie höchstwahrscheinlich mit Subversion vertraut, da der Kern es verwendet, um Änderungen im System aufrechtzuerhalten.

Außerdem müssen Sie, wenn Sie jemals ein Plugin erstellt und veröffentlicht haben, Subversion verwenden, um Code zu übertragen, Ihre Veröffentlichungen mit Tags zu versehen usw.

Aber Git wird immer beliebter. Die beiden beliebtesten Git-Hosting-Sites sind wohl GitHub und Bitbucket. Wenn Sie jedoch auf der Suche nach einem zuverlässigen Git-Client sind, kann ich Tower 2 wärmstens empfehlen.

使用质量工具增强 WordPress 开发

Obwohl dies mein ausgewählter Kunde ist, gibt es viele andere Optionen. Letztendlich geht es darum, sicherzustellen, dass Sie Ihren Code zur Quellcodeverwaltung hinzufügen, mit einem Kunden zusammenarbeiten, den Sie mögen, und ihn nach Möglichkeit mit einem Bereitstellungssystem verbunden haben, sodass Sie jedes Mal, wenn Sie eine bestimmte Funktion pushen, dies tun oder Anforderung, der Kunde Die zur Produktbewertung verwendete Umgebung wird mit dem neuen Code aktualisiert.

5.Bereitstellungstools

Der Standard-Workflow auf hoher Ebene, den wir befolgen, wenn Sie an der Erstellung eines WordPress-Projekts (oder eines anderen Softwareprojekts) arbeiten, ist:

  • Eine Entwicklungsumgebung, in der wir einen lokalen Computer für die Entwicklung haben.
  • Eine Staging-Umgebung, in der wir den Code bereitstellen, damit der Kunde an dem Projekt arbeiten kann, während wir an den Anforderungen arbeiten.
  • Dann kommt die Produktionsumgebung, in der das endgültige Projekt bereitgestellt wird.

Zu diesem Zeitpunkt ist es nicht ungewöhnlich, Ihr Bereitstellungssystem mit der Quellcodeverwaltungssoftware zu verbinden, sodass jedes Mal, wenn ein neues Update in das Quellcode-Repository übertragen wird, die neueste Version des Projekts veröffentlicht wird

Glücklicherweise gibt es viele tolle Tools zum Einrichten automatisierter Bereitstellungen.

Code-Schiff

Codeship positioniert sich als kontinuierlicher Integrationsdienst, der die notwendigen Skripte zum Erstellen, Testen und Bereitstellen Ihres Projekts ausführen kann, alles innerhalb eines Git-Commits.

Das bedeutet, dass Sie mehrere Skripte ausführen können, die während der Bereitstellung ausgelöst werden, und Benachrichtigungen erhalten, bevor etwas in Produktion geht.

使用质量工具增强 WordPress 开发

Abhängig von der Größe Ihres Teams und/oder Projekts ist Codeship eine großartige Lösung, insbesondere für größere Organisationen, die aus Eigentümern, Managern, Projektmanagern usw. bestehen.

Trotzdem habe ich dieses Tool persönlich in einem Zweierteam verwendet und war mit den Ergebnissen zufrieden.

Roboter einsetzen

DeployBot war früher als Dploy.io bekannt. Ähnlich wie Codeship ist DeployBot darauf ausgelegt, an ein Git-Repository übermittelten Quellcode zu übernehmen und ihn in einer Umgebung Ihrer Wahl bereitzustellen.

Es bietet außerdem die Möglichkeit, Skripte auszuführen, Code zu erstellen und zu kompilieren und ihn basierend auf der von Ihnen bereitgestellten Konfiguration in verschiedenen Umgebungen bereitzustellen.

使用质量工具增强 WordPress 开发

Natürlich sind dies nicht alle verfügbaren Bereitstellungstools, aber die folgenden beiden könnten für Sie nützlich sein, wenn Sie in einer professionellen Softwarefunktion arbeiten. Jeder von ihnen hat seine eigenen Vor- und Nachteile für das, was Sie möglicherweise tun möchten. Da es sich jedoch nicht um einen Rezensions- oder Vergleichsartikel handelt, überlasse ich Ihnen die Entscheidung, welcher Workflow für Sie am besten geeignet ist.

Fazit

Wie in der Einleitung erwähnt, handelt es sich bei diesen Tools lediglich um Vorschläge, wo man mit einigen WordPress-Entwicklungstools beginnen sollte. Ich weiß, dass viele von Ihnen hinsichtlich der Verwendung der oben genannten Kriterien eigene Vorlieben haben.

Trotzdem hoffe ich, dass Sie alle in den Kommentaren mitteilen, welche Tools Ihnen gefallen und warum Sie sie gerne verwenden. Auf diese Weise erhalten aktuelle und zukünftige Leser nicht nur Beiträge mit Empfehlungen, sondern auch Kommentare, die Alternativen anbieten.

Schließlich geht es bei der Entwicklung nicht nur darum, Probleme zu lösen. Es geht darum, Werkzeuge zu finden, die uns auch dann glücklich machen, wenn wir etwa acht Stunden am Tag vor unseren Computern arbeiten.

Das obige ist der detaillierte Inhalt vonVerbessern Sie die WordPress-Entwicklung mit hochwertigen Tools. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn