✅ WEB- und WordPress-Nachrichten, Themen, Plugins. Hier teilen wir Tipps und beste Website-Lösungen.

Einrichten eines 2017 MacBook Pro für die WordPress-Entwicklung

10

Letzter Donnerstag war hart. Wenn ich alles erklären müsste, was sowohl mit meinem Computer als auch mit meinem Privatleben zusammenbrach, würden Sie denken, ich hätte mir das alles ausgedacht.

Es wäre wie das Äquivalent für Erwachsene zu „Mein Hund hat [im letzten Monat] meine Hausaufgaben gefressen.” Oder so ähnlich.

Erstens, was mein Privatleben betrifft, hat dies nichts mit dem Wohlergehen meiner Familie zu tun. Nur ein lokales Debakel von zwei Stunden Wartezeit während des Arbeitstages, um etwas erledigt zu bekommen. Irrelevant, außer, wissen Sie, einen kräftigen Brocken aus einem Arbeitstag herauszunehmen.

Zweitens lässt sich der Computerkram einfach zusammenfassen: Es gab eine völlig erbärmliche Reihe unglücklicher Ereignisse, die zu seinem Untergang führten. Im Wesentlichen: „ Ich habe das Auto getötet.

Also musste ich kurzfristig Ersatz bestellen (was ich nicht wollte), musste am nächsten Tag vor Mittag geliefert werden (was ich nicht gerne bezahle) und es war auch nichts, was ich geplant hatte als Betriebsausgabe für mindestens ein oder zwei weitere Jahre.

Aber hier sind wir.

Und das veranlasst mich, diesen Beitrag zu schreiben: Es ist eine exemplarische Vorgehensweise für den Prozess, dem ich folge, und für die Anwendungen, die ich installiere, wenn ich einen neuen Computer einrichte, und wie ich ihn konfiguriere.

Es wird nicht unglaublich detailliert sein, aber es ist ein Ausgangspunkt für den Fall, dass dies jemals wieder passiert, oder für jeden Entwickler, der eine neue Maschine einrichten oder eine vorhandene Maschine umfunktionieren möchte.

MacBook Pro für die WordPress-Entwicklung

Ich habe darüber nachgedacht, wie ich alle Anwendungen gruppieren kann, wie ich mein Setup gruppieren kann und wie ich das sonstige Setup so gruppieren kann, dass es gut zu fließen scheint.

Und ich denke, es ist am einfachsten, einfach alles aufzulisten, was ich verwende, Links zu Dingen, wo ich kann, und dann die Details zu den verschiedenen Schritten, die ich verwende, bereitzustellen. Das ist also, was ich getan habe und was Sie erwarten können.

Auf geht’s.

meine Anwendungen

Nachdem ich alle erforderlichen Updates ausgeführt und den Computer neu gestartet habe, beginne ich, alle meine Tools durchzugehen und zu installieren und zu konfigurieren.

Die folgende Liste ist eine umfassende Liste von allem, was ich installiere. Einige von ihnen sind kostenlose Anwendungen, andere nicht. Ich habe versucht, eine kurze Beschreibung dessen zu geben, was jeder tut, aber Ihre Laufleistung kann variieren, wenn Sie sich entscheiden, einen oder alle von ihnen zu installieren.

  • Atom. Obwohl ich dies früher als allgemeine IDE verwendet habe, verwende ich es jetzt als Texteditor, Markdown-Editor und so weiter.
  • Barkeeper 3. Dies ist meine Lieblingsanwendung zum Aufräumen meiner Mac-Menüleiste. Es hilft, Ablenkungen auf ein Minimum zu reduzieren und gleichzeitig sicherzustellen, dass ich immer noch schnell auf alle Apps zugreifen kann, die ich brauche.
  • Besser umbenennen 9. Ich bin zwanghaft, wie ich meine Fotos und Videos organisiere und sichere, also verwende ich diese App, um die EXIF-Daten der Medien zu verwenden, um sie basierend auf dem Zeitstempel zu organisieren.
  • CardHop. Dies ist eine neuere Anwendung in meinem Arsenal (zumindest zum Zeitpunkt dieses Beitrags) und sie wird einfach verwendet, weil ich von Apples Kontakte-App leicht frustriert bin und weil ich denke, dass Flexibits gute Software schreibt.
  • CleanMyMac. MacPaw ist ein weiteres Unternehmen, das gute Software herstellt. Ich führe dies am Ende jeder Woche aus, um sicherzustellen, dass ich eine Menge Müll (im Allgemeinen verschiedene Cache-Dateien aus verschiedenen Anwendungen) loswerde, der sich im Laufe der Woche angesammelt hat. Außerdem hilft es beim Deinstallationsprozess, wenn Sie etwas installiert haben und es vollständig entfernen möchten.
  • CodeKit. Ich habe in mehreren Beiträgen über diese App geschrieben. Ich empfehle es immer noch, aber es hängt vom Projekt ab. Ich verwende auch Tools wie Gulp und verschiedene Pakete (die ich später in diesem Beitrag behandle).
  • Dropbox. Dies dient der allgemeinen Dateisynchronisierung zwischen Anwendungen (wie Transmit) und der gemeinsamen Nutzung von Dateien mit Designern, Familie und Freunden.
  • Droplr. Dies ist zu meiner De-facto-Anwendung geworden, um Bilder, Screencasts und andere Medien mit Kollegen zu teilen. Es ist schnell, liefert nützliche Statistiken, ist minimal und das Jahresabonnement wert.
  • Evernote. Ich mache viele Notizen mit meinem iPad und Notability und keine andere App hat die Handschrifterkennungssuche als Evernote.
  • ExifPurge. Dies ist nützlich, wenn Sie Medien mit anderen teilen möchten, aber ich möchte nicht, dass sie die Möglichkeit haben, Daten darüber zu extrahieren, wo oder wann die Medien aufgenommen wurden.
  • Fantastisch. Es ist die beste Kalenderanwendung, die ich je verwendet habe. Ich habe schon versucht, damit Schluss zu machen, aber ich komme immer wieder zurück. Es ist ein weiteres Produkt von Flexibits.
  • Zwillinge. Ich verwende dies in Verbindung mit Better Rename 9 (das ich oben behandelt habe). Kurz gesagt, es entfernt alle Duplikate). Obwohl ich nicht oft viele habe, ist es schön sicherzustellen, dass ich alle entferne, die ich habe, bevor ich sie in einem externen Speicher speichere.
  • Handbremse. Obwohl ich ein Fan von Super265 bin (was ich später in diesem Artikel meinte), mache ich mir manchmal weniger Gedanken über die Dateigröße als über die Codierung in einen anderen Codec. Und wenn das der Fall ist, benutze ich Handbrake.
  • Selbstgebraut. Ich habe dies nicht immer verwendet, aber als ich anfing, wurde es schwieriger, es nicht zu verwenden, insbesondere wenn es sich um Entwicklungstools handelt (die ich weiter unten behandeln werde). Es ist ein Paketmanager, aber ich finde ihn äußerst nützlich, wenn ich mit entwicklungsbezogenen Tools arbeite.
  • ImageOptim. Entfernt Metadaten, spart Platz, komprimiert Bilder und zwar verlustfrei. Großartig für alle, die Bilder in ihren Blog-Beiträgen oder Dokumenten verwenden oder einfach viele Bilder mit anderen teilen, die nicht viel Bandbreite haben.
  • Kaleidoskop. Jeder Entwickler, der mit einem Team arbeitet oder an Open-Source-Software arbeitet, braucht ein gutes Diff-Tool. Einige bevorzugen die Befehlszeile, andere bevorzugen eine GUI. Ich bin im letzteren Lager und das war schon immer meine Lieblingsanwendung.
  • Mac-DVD-Ripper. Wenn Sie DVDs haben, die Sie sichern möchten, oder Kinder haben und ein iPad mit Videos laden möchten, macht es diese Anwendung so einfach wie möglich: Wählen Sie aus, welchen Teil der DVD Sie rippen möchten, und lassen Sie es dann macht sein Ding.
  • Mac VideoRipper Pro. Dies ist die einfachste Möglichkeit, Videos aus dem Internet von Quellen wie YouTube herunterzuladen. Es eignet sich hervorragend, wenn Sie Vorträge, Präsentationen oder Videos offline ansehen möchten.
  • PHPStorm. Meine bevorzugte und bevorzugte IDE für die Entwicklung (trotz ihres Namens ist sie auch solide für alle Sprachen, die damit zusammenarbeiten, wie HTML, JavaScript, CSS oder ihre Präprozessoren usw.).
  • Postbote. Wenn Sie mit APIs arbeiten, insbesondere REST-APIs, hilft Ihnen Postman zuverlässig dabei, Ihre API oder die einer anderen Person zu testen, bevor Sie versuchen, Aufrufe an sie in Ihre Anwendung zu integrieren.
  • ScreenFlow. Dies ist die beste App, wenn Sie ernsthaftes Screencasting auf hohem Niveau durchführen müssen.
  • Sequel Pro. Dies ist mein bevorzugtes Datenbank-Frontend.
  • Locker. An diesem Punkt glaube ich nicht, dass diese App irgendeine Art von Beschreibung benötigt. So bleiben mein Team und ich miteinander in Kontakt, integrieren unsere Services und erledigen im Allgemeinen unsere Arbeit.
  • Skitch. Dies ist gut, um Bilder schnell zu kommentieren, obwohl Droplr auch nicht schlecht darin ist. Es hängt wirklich davon ab, was Sie brauchen, aber ich empfehle es trotzdem für bestimmte Anwendungsfälle.
  • Spotify. Obwohl wir auch eine Apple Music-Mitgliedschaft haben, ist dies meine bevorzugte App für Streaming-Dienste. Seine Entdeckungsfunktionen und seine Fähigkeit, Wiedergabelisten zu meinen Hörgewohnheiten zu erstellen, haben es mir schwer gemacht, aufzuhören. Also ich nicht.
  • Spotify-Benachrichtigungen. Eine solide Anwendung, um Benachrichtigungen darüber zu geben, welcher Song abgespielt wird, zusammen mit seinem Albumcover usw. Es ist eine fehlende Funktion von Spotify und macht einen guten Job, indem es den Kreis zu den Dingen schließt, die iTunes bietet.
  • Super265. Obwohl ich auch ein Fan von Handbrake bin, habe ich festgestellt, dass diese spezielle App – und sie ist neuer, um sicher zu sein – hervorragende Arbeit leistet, wenn es darum geht, ein Video aufzunehmen und es (manchmal über 50 %) mit verlustfreier Qualität zu komprimieren.
  • Dinge. Zweifellos machen meine Lieblings-App zum Erledigen der Dinge und die Integration mit Apples Reminders und Siri zusammen mit der iOS-Synchronisierung alles noch besser.
  • Turm. Im letzten Jahr oder so habe ich mich mit Git auf der Kommandozeile immer wohler gefühlt, aber es gibt immer noch Projekte, an denen ich arbeite und bei denen ich Tower seit dem ersten Commit verwendet habe. Es ist meine bevorzugte Git-GUI.
  • Übertragen. Mein bevorzugter S/FTP-Client.
  • TweetBot. Mein bevorzugter Twitter-Client (und seine Integration mit Pocket und Droplr machen es auch noch besser) sowohl auf macOS als auch auf iOS.
  • uTorrent. Wenn Sie etwas über Torrents herunterladen müssen, ist dies der Client, den ich empfehle.
  • Versionen. Wenn Sie eine solide Subversion-GUI benötigen (z. B. wenn Sie mit der neuesten Version von WordPress Schritt halten möchten), gefällt mir das wirklich. Cornerstone ist eine nette Alternative, aber ich benutze es nicht mehr so ​​oft wie früher und ich benutze Subversion nicht oft, also hat mich die Einfachheit von Versions überzeugt.
  • VLC. Hin und wieder gibt es bestimmte Videodateien im Format von beispielsweise mkv, die ich nicht konvertieren möchte. Dies ist ein fantastischer Open-Source-Videoplayer (auch für eine Vielzahl von Formaten).
  • Windschreiber. Dies ist mein bevorzugtes MacOS- und iOS-Tool für die Verwendung eines VPN beim Surfen im Internet. Der Preis ist fair und die Apps (und die Browsererweiterung) sind solide.
  • Xcode. Apples proprietäre Entwicklungsplattform, die auch für eine Reihe von Dingen benötigt wird, die Sie später in diesem Beitrag sehen werden.

Ich versuche, die Dinge schlank zu halten, aber es gibt Gründe, warum ich die Anwendungen verwende, die ich mache. Und trotz meiner Bemühungen, so sicher wie möglich zu sein, gibt es einige Anwendungen, die ich aus anderen Gründen verwende als „nur Sachen zu speichern”.

Also, wissen Sie, der übliche Haftungsausschluss, dass Sie darauf achten müssen, was Sie speichern und was Sie zum Speichern verwenden. Achten Sie darauf, wie Sie vertrauliche Informationen speichern.

Entwicklungsspezifische Tools

Die folgende Liste von Tools ist nicht notwendigerweise vollständig. Das heißt, einige Projekte erfordern bestimmte Pakete, deren Auflistung hier einfach keinen Sinn macht.

Stattdessen ist dies der allgemeine Satz von Tools, die ich für meine Entwicklungsumgebung verwende. Es deckt alles ab, von der Schriftart, die ich bevorzuge, bis zur IDE meiner Wahl und alles dazwischen.

  • Fira-Code. Dies ist meine Lieblingsschrift für jede IDE oder jeden Texteditor.
  • Materielles Thema. Dies ist völlig subjektiv (wie die meisten Dinge in dieser Liste), aber ich habe festgestellt, dass dies das Thema ist, an dem ich bei der Verwendung von PhpStorm am längsten festgehalten habe.
  • PHP. Die Laufzeit, die für WordPress und die allgemeine PHP-Entwicklung benötigt wird. Ich werde später in diesem Dokument Konfigurationsanweisungen für dieses (und andere Tools) haben, wie es mit Homebrew installiert wird, um die Verwaltung des Pakets zu vereinfachen.
  • Komponist. Wenn Sie in Ihren Projekten mit verschiedenen Abhängigkeiten arbeiten, sollten Sie Composer verwenden, um diese Pakete zu verwalten.
  • WP CLI. Dies ist eine fantastische Befehlszeilenschnittstelle für WordPress, die sich in einer wirklich fantastischen Entwicklung befindet, die das Arbeiten mit WordPress auf Befehlszeilenebene nicht nur möglich, sondern auch einfach macht.
  • PHPUnit. Wenn Sie Komponententests für Ihr Projekt schreiben, dann ist dies das Framework, das ich empfehle.
  • PHP-Code-Sniffer. Dies ist die Bibliothek, um sicherzustellen, dass Ihr Code einem der Standards entspricht, die ich im nächsten Punkt aufführe. Es stellt sicher, dass Sie die richtigen Richtlinien befolgen und die Dinge richtig schreiben.
  • PHP-Codierungsstandards. Es gibt zwei allgemeine Arten von Codierungsstandards, die Sie wahrscheinlich verwenden werden (wenn Sie diesen Blog lesen), und das ist entweder der PSR oder der WPCS. Je nachdem, welche Sie verwenden, hängt davon ab, wie Sie sie installieren. Unabhängig davon muss zunächst PHP Code Sniffer installiert werden.
  • Kammerdiener. Ich habe in anderen Posts über andere Out-of-the-Box-Tools wie MAMP geschrieben, aber ich benutze Valet seit der besseren Hälfte des Jahres 2017 und es funktioniert wirklich, wirklich „einfach”. Es ist wirklich einfach damit zu arbeiten und macht die Einrichtung neuer Websites und Projekte zum Kinderspiel.
  • Xdebug. Wenn Sie serverseitigen Code schreiben (und wenn Sie PHP schreiben, tun Sie das), dann gehört zum Debuggen mehr als echo und var_dump. Geben Sie Xdebug ein.
  • Knoten. Dies ist ein weiterer Paketmanager für die Verwendung einer Vielzahl verschiedener JavaScript-Bibliotheken. Wenn Sie irgendetwas mit Sass, Less, JavaScript, Bildkomprimierung usw. machen, empfehle ich, es in Ihren Workflow zu integrieren. Siehe auch diesen Beitrag.

Nachdem Sie all dies installiert haben, müssen Sie noch konfigurieren. Ich werde das auch abdecken.

Konfigurieren meiner Entwicklungstools

Wie bereits erwähnt, werden viele der Pakete, die ich an dieser Stelle installiere, über Homebrew erstellt, sodass davon ausgegangen wird, dass Sie Homebrew installiert haben.

Der erste Schritt wird also die Installation von Homebrew sein. Alles danach ist genau das, was Sie in Ihr Terminal eingeben müssen, um es zu installieren, und nicht mehr.

Wenn es Anmerkungen zu einem bestimmten Paket gibt, werde ich sie in den zugehörigen Kern integrieren.

Eine Anmerkung zu Homebrew

Der Grund, warum ich die Verwendung eines Paketmanagers empfehle, ist, dass es viel, viel einfacher ist, bestimmte Pakete nach Bedarf zu installieren und zu deinstallieren.

Es macht die Dinge mehr, ähm, überschaubar. Und es hält die Dinge auf Ihrem System ein bisschen sauberer (für diejenigen, die [seltsam] zwanghaft bei diesem Zeug werden).

1 Homebrew installieren

$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2 PHP

$ brew tap homebrew/php $ brew install homebrew/php/php70

3 Komponist

4 WP-CLI

5 PHPUnit

6 PHP-Code-Sniffer

$ brew install php-code-sniffer

7 Kammerdiener

$ composer global require laravel/valet $ export PATH="$PATH:$HOME/.composer/vendor/bin" $ valet install

Sobald Valet installiert ist, müssen Sie es möglicherweise zu Ihrem Pfad hinzufügen (was Sie ab der zweiten Zeile sehen. Sie installieren es dann offiziell, wie Sie in der dritten Zeile sehen können.

8 Xdebuggen

$ brew install homebrew/php/php70-xdebug

Wenn Sie Valet verwenden, müssen Sie auch einige Konfigurationszeilen hinzufügen, damit Sie Xdebug mit Valet in Verbindung mit PhpStorm richtig verwenden können.

Fügen Sie dazu die folgenden Zeilen zu /usr/local/etc/php/7.0/conf.d/ext-xdebug.ini hinzu :

xdebug.remote_enable=1 xdebug.remote_port=9001 xdebug.remote_autostart=1 xdebug.idekey=PHPSTORM

Natürlich hängt der Speicherort Ihrer idekey- und Konfigurationsdatei davon ab, welche Version von PHP Sie installiert haben und welche IDE Sie verwenden.

9 Knoten

10 MySQL

$ brew install mysql $ brew services start mysql

Browser-Erweiterungen

Ich habe nur einige der von mir verwendeten Browsererweiterungen unten aufgeführt. Diese sind in erster Linie für Entwicklungszwecke oder um den Mist aus dem Web zu entfernen, den ich beim Surfen nicht ertragen kann:

  • Facebook-Werbeblocker. Ich nutze Facebook nicht viel, aber wenn, dann möchte ich möglichst wenig Ablenkung.
  • Toller Screenshot. Natürlich, wenn Sie etwas fotografieren müssen, um es jemand anderem zu schicken. Funktioniert gut mit Droplr.
  • Puffer. Ich mag es, viele meiner Tweets zu puffern, und das macht es einfach, dies zu tun.
  • ColorZilla. Wenn Sie Farben für ein vorhandenes Bild, Design oder Thema abrufen, hilft dies, die RGB- und Hex-Werte zu erhalten.
  • Gespenster. Die Leute haben diesbezüglich gemischte Gefühle (und das ist in Ordnung für mich), aber dies dient dazu, Werbung und Tracking zu stoppen.
  • Grammatik. Um sicherzugehen, dass ich tatsächlich einen anständigen Job mache, Sätze zu konstruieren und Wörter zu schreiben.
  • Windows zusammenführen. Erstens hatten wir zu viele Fenster, also haben wir Tab-Browsing eingeführt. Jetzt haben wir einfach zu viele Fenster mit zu vielen Registerkarten. Dadurch werden alle Fenster zu einem einzigen Fenster zusammengeführt.
  • W3Schools entfernen. Entfernt W3Schools aus den Google-Suchergebnissen, damit Sie bessere Ergebnisse erzielen können.
  • Tab-Sortierer. Wenn Ihre Tabs zwischen Asana, Trello, Pocket, Reddit usw. außer Kontrolle geraten, hilft dies, sie nach ihrem Typ zu organisieren.
  • Drossel. Dies funktioniert in Verbindung mit dem Throttle-Webdienst, um Wegwerf-E-Mail-Adressen (die Sie weiterhin zum Lesen von E-Mails verwenden können) für Dienste zu erstellen, mit denen Sie nicht unbedingt Schritt halten möchten.
  • Toby für Chrome. Großartig zum Speichern und Gruppieren von Tab-Sitzungen (wenn Sie sich entscheiden, Tab Sorter nicht zu verwenden), damit Sie wieder an dem arbeiten können, was Sie beim Zurücktreten, Neustarten oder was auch immer getan haben.
  • Xdebug-Helfer. Arbeitet in Verbindung mit Xdebug, um beim Debuggen, Profilieren und Verfolgen der Leistung und des Codes in einer lokalen Webanwendung zu helfen.

Es gibt andere Erweiterungen, die ich für Anwendungen wie 1Password und Pocket verwende, aber sie scheinen nicht so relevant zu sein, also habe ich mich entschieden, diese auszuschließen, insbesondere weil diese Dienste weniger entwicklungsorientiert sind.

Das Ende

Warum sind meine Browsererweiterungen zuletzt? Ich weiß, es scheint irgendwie albern – wären sie nicht Teil, sagen wir, meiner Standardanwendung?

Einfach ausgedrückt, es gibt einige, die eher entwicklungsbezogen sind, also wollte ich, dass sie kommen, nachdem ich alles andere behandelt habe.

Auf einer anderen Anmerkung, es gibt Zeiten, in denen ich Dinge umstellen muss, von der Verwendung von, sagen wir, PHP7 zu PHP5.6, abhängig von einem Projekt. Es gibt auch Zeiten, in denen ich andere Bibliotheken wie PHPMD usw. verwende, die ich hier nicht behandelt habe, da es sich um projektspezifische Tools handelt.

Aber von der Einrichtung meines Systems ist dies die allgemeine Übersicht. Jetzt habe ich also eine dokumentierte Referenz darüber, was ich aus dem Mac App Store installieren muss, von verschiedenen Orten im Internet, die Befehle, die ich ausführen muss, und wie ich eine Maschine schnell hochfahren und wiederherstellen kann, falls jemals wieder etwas kaputt gehen sollte.

Nach alledem frage ich mich, ob es sich nicht lohnt, für alle Fälle eine billige Backup-Maschine zu kaufen.

Aber ich weiß nicht. Das ist ein anderer Beitrag.

Epilog

Wenn Sie nach einem weiteren Beitrag suchen, dem Sie folgen können, der ähnlich ist, jedoch mehr Details in Bezug auf einige Werkzeuge enthält, empfehle ich Ihnen, sich den Beitrag von Carl Alexander anzusehen.

Aufnahmequelle: tommcfarlin.com

Diese Website verwendet Cookies, um Ihre Erfahrung zu verbessern. Wir gehen davon aus, dass Sie damit einverstanden sind, Sie können sich jedoch abmelden, wenn Sie möchten. Annehmen Weiterlesen