Actualités WEB et WordPress, thèmes, plugins. Ici, nous partageons des conseils et les meilleures solutions de sites Web.

Configuration d’un MacBook Pro 2017 pour le développement WordPress

14

Jeudi dernier, c’était dur. Si je devais expliquer tout ce qui s’est passé avec mon ordinateur et ma vie personnelle, vous penseriez que j’invente tout.

Ce serait comme l’équivalent adulte de "mon chien a mangé [le dernier mois de] mes devoirs." Ou quelque chose comme ça.

Premièrement, en ce qui concerne ma vie personnelle, cela n’a rien à voir avec le bien-être de ma famille. Juste une débâcle locale d’attendre deux heures pendant la journée de travail pour que quelque chose soit traité. Non pertinent à part, vous savez, prendre une bonne partie d’une journée de travail.

Deuxièmement, les trucs informatiques peuvent tous être résumés facilement : il y a eu une série complètement pathétique d’événements malheureux qui ont conduit à sa disparition. Essentiellement, «j’ai tué la voiture. "

J’ai donc dû commander un remplacement en peu de temps (ce qui n’est pas quelque chose que je voulais faire), j’ai dû être livré le lendemain avant midi (ce qui n’est pas quelque chose que j’aime payer) ni quelque chose que j’avais prévu comme une dépense d’entreprise pendant au moins un an ou deux.

Mais nous y sommes.

Et cela m’amène à écrire ce post: C’est une présentation du processus que je suis et des applications que j’installe chaque fois que je configure une nouvelle machine et comment je la configure.

Ce ne sera pas incroyablement détaillé, mais c’est un point de départ si cela se reproduit ou pour tout développeur cherchant à configurer une nouvelle machine ou à réutiliser une machine existante.

MacBook Pro pour le développement WordPress

J’ai réfléchi à la manière de regrouper toutes les applications, de regrouper ma configuration et de regrouper les diverses configurations d’une manière qui semble bien se dérouler.

Et je pense qu’il est plus simple de lister tout ce que j’utilise, de créer des liens vers des éléments où je peux, puis de fournir les détails des différentes étapes que j’utilise. C’est donc ce que j’ai fait et ce à quoi vous pouvez vous attendre.

Nous y voilà.

mes applications

Après avoir exécuté toutes les mises à jour nécessaires et redémarré la machine, je commence à parcourir, installer et configurer tous mes outils.

La liste suivante est une liste complète de tout ce que j’installe. Certaines d’entre elles sont des applications gratuites, d’autres non. J’ai essayé de donner une brève description de ce que chacun fait, mais votre kilométrage peut varier si vous choisissez d’installer tout ou partie d’entre eux.

  • Atome. Bien que j’avais l’habitude de l’utiliser comme IDE général, je l’utilise maintenant comme éditeur de texte, éditeur de démarquage, etc.
  • Barman 3. C’est mon application préférée pour nettoyer la barre de menus de mon Mac. Cela aide à réduire au minimum les distractions tout en m’assurant que j’ai toujours accès à toutes les applications dont j’ai besoin rapidement.
  • Mieux renommer 9. Je suis compulsif quant à la façon dont j’organise et sauvegarde mes photos et vidéos, j’utilise donc cette application pour utiliser les données EXIF ​​​​du média pour les organiser en fonction de l’horodatage.
  • CardHop. Il s’agit d’une application plus récente dans mon arsenal (au moins au moment de cet article) et elle est simplement utilisée parce que je suis facilement frustré par l’application Contacts d’Apple et parce que je pense que Flexibits écrit un bon logiciel.
  • CleanMyMac. MacPaw est une autre société qui produit de bons logiciels. Je l’exécute à la fin de chaque semaine pour m’assurer que je me débarrasse de beaucoup de fichiers indésirables (généralement divers fichiers de cache provenant de diverses applications) qui se sont accumulés au cours de la semaine. De plus, cela aide dans le processus de désinstallation si vous avez installé quelque chose et que vous cherchez à le supprimer complètement.
  • Kit de code. J’ai écrit sur cette application dans un certain nombre de messages. Je le recommande toujours, mais cela dépend du projet. J’utilise également des outils comme Gulp et divers packages (dont je parle plus loin dans cet article).
  • Boîte de dépôt. Ceci est destiné à la synchronisation générale des fichiers entre les applications (comme Transmit) et au partage de fichiers avec les concepteurs, la famille et les amis.
  • Droplr. C’est devenu mon application de facto pour partager des images, des screencasts et d’autres médias avec des pairs. Il est rapide, fournit des statistiques utiles, est minime et vaut l’abonnement annuel.
  • Evernote. Je prends beaucoup de notes en utilisant mon iPad et Notability et aucune autre application n’a encore la recherche de reconnaissance de l’écriture manuscrite qu’Evernote.
  • ExifPurge. Ceci est utile lorsque vous souhaitez partager des médias avec d’autres, mais je ne veux pas qu’ils aient la possibilité d’extraire des données sur l’endroit et le moment où le média a été tourné.
  • Fantastique. C’est la meilleure application de calendrier que j’ai utilisée. J’ai essayé de rompre avec ça avant, mais je reviens toujours. C’est encore un autre produit Flexibits.
  • Gémeaux. Je l’utilise en conjonction avec Better Rename 9 (que j’ai couvert ci-dessus). En bref, il supprime tous les doublons). Bien que je n’en ai pas souvent beaucoup, il est bon de s’assurer que j’enlève tous ceux que j’ai avant de les stocker dans un stockage externe.
  • Frein à main. Bien que je sois un fan de Super265 (ce dont je parlais plus loin dans cet article), je suis parfois moins préoccupé par la taille du fichier que par l’encodage dans un codec différent. Et quand c’est le cas, Handbrake est ce que j’utilise.
  • Brassage maison. Je ne l’ai pas toujours utilisé, mais une fois que j’ai commencé, il est devenu plus difficile de ne pas l’utiliser, surtout lorsqu’il s’agit d’outils de développement (que je couvrirai ci-dessous). C’est un gestionnaire de paquets mais je le trouve extrêmement utile lorsque je travaille avec des outils liés au développement.
  • ImageOptim. Supprime les métadonnées, économise de l’espace, compresse les images et le fait sans perte. Idéal pour tous ceux qui utilisent des images dans leurs articles de blog, leurs documents ou qui partagent simplement de nombreuses images avec d’autres personnes qui n’ont pas beaucoup de bande passante.
  • Kaléidoscope. Chaque développeur travaillant avec une équipe ou travaillant sur un logiciel open source a besoin d’un bon outil de comparaison. Certains préfèrent la ligne de commande, d’autres préfèrent une interface graphique. Je suis dans ce dernier camp et cela a toujours été mon application préférée.
  • Extracteur de DVD Mac. Si vous avez des DVD que vous cherchez à sauvegarder ou si vous avez des enfants et que vous cherchez à charger un iPad avec des vidéos, cette application vous facilite la tâche: sélectionnez la partie du DVD à extraire, puis laissez-la faire son truc.
  • Mac Video Ripper Pro. C’est le moyen le plus simple de télécharger des vidéos sur le Web à partir de sources telles que YouTube. C’est idéal lorsque vous souhaitez regarder des discussions, des présentations ou des vidéos hors ligne.
  • PhpStorm. Mon IDE préféré et préféré pour le développement (malgré son nom, il est également solide pour tous les langages qui fonctionnent avec lui comme HTML, JavaScript, CSS ou ses pré-processeurs, etc.).
  • Facteur. Si vous travaillez avec des API, en particulier des API REST, Postman est solide pour vous aider à tester votre API ou celle de quelqu’un d’autre avant d’essayer d’intégrer des appels dans votre application.
  • Flux d’écran. C’est la meilleure application pour chaque fois que vous devez faire un screencasting sérieux de haut niveau.
  • Suite Pro. C’est ma base de données frontale préférée.
  • Slack. À ce stade, je ne pense pas que cette application ait besoin d’un quelconque type de description. C’est ainsi que mon équipe et moi restons en contact les uns avec les autres, intégrons nos services et faisons généralement le travail.
  • Skitch. C’est bon pour annoter rapidement des images, bien que Droplr ne soit pas mauvais non plus. Cela dépend de ce dont vous avez besoin, vraiment, mais je le recommande quand même pour certains cas d’utilisation.
  • Spotify. Bien que nous ayons également un abonnement Apple Music, c’est mon application de choix pour les services de streaming. Ses fonctionnalités de découverte et sa capacité à générer des listes de lecture sur mes habitudes d’écoute sont ce qui a rendu difficile l’arrêt. Donc je ne le fais pas.
  • Notifications Spotify. Une application solide pour donner des notifications sur la chanson en cours de lecture avec sa pochette d’album, etc. C’est une fonctionnalité manquante de Spotify et fait un bon travail pour la boucler autour des choses qu’iTunes propose.
  • Super265. Bien que je sois également fan de Handbrake, j’ai trouvé que cette application particulière – et elle est plus récente, bien sûr – fait un travail remarquable en prenant une vidéo et en la compressant (parfois via 50%) avec une qualité sans perte.
  • Les choses. Sans conteste, mon application préférée «faire avancer les choses» et son intégration avec les rappels d’Apple et Siri ainsi que la synchronisation iOS le rendent encore meilleur.
  • Tour. Au cours de la dernière année environ, je suis devenu de plus en plus à l’aise avec Git sur la ligne de commande, mais il y a encore des projets sur lesquels je travaille et sur lesquels j’ai utilisé Tower depuis le commit initial. C’est mon interface graphique Git préférée.
  • Transmettre. Mon client S/FTP préféré.
  • TweetBot. Mon client Twitter préféré (et son intégration avec Pocket et Droplr le rend encore meilleur) sur macOS et iOS.
  • uTorrent. Si vous devez télécharger quoi que ce soit via des torrents, c’est le client que je recommande.
  • Versions. Si vous avez besoin d’une interface graphique Subversion solide (par exemple si vous suivez la pointe de WordPress), j’aime vraiment ça. Cornerstone est une bonne alternative, mais je ne l’utilise plus autant qu’avant et je n’utilise pas beaucoup Subversion, donc la simplicité des versions est ce qui m’a conquis.
  • VLC. De temps en temps, il y a certains fichiers vidéo au format, disons, mkv que je ne veux pas prendre la peine de convertir. Il s’agit d’un fantastique lecteur vidéo open source (pour une variété de formats également).
  • Scribe du vent. C’est mon outil macOS et iOS préféré pour utiliser un VPN lors de la navigation sur le Web. Son prix est juste et les applications (et l’extension de navigateur) sont solides.
  • Xcode. La plate-forme de développement propriétaire d’Apple qui est également nécessaire pour exécuter un certain nombre de choses que vous verrez plus tard dans cet article.

J’essaie de garder les choses simples, mais il y a des raisons pour lesquelles j’utilise les applications que je fais. Et malgré mes tentatives pour être aussi sécurisé que possible, il y a certaines applications que j’utilise pour des raisons autres que "simplement stocker des choses".

Donc, vous savez, l’avertissement habituel de faire attention à ce que vous stockez et à ce que vous utilisez pour le stocker. Soyez intelligent sur la façon dont vous enregistrez les informations sensibles.

Outils spécifiques au développement

La liste d’outils suivante n’est pas nécessairement exhaustive. C’est-à-dire que certains projets nécessitent certains packages qui n’ont tout simplement pas de sens à lister ici.

Au lieu de cela, il s’agit de l’ensemble général d’outils que j’utilise pour mon environnement de développement. Il couvre tout, de la police que je préfère à l’IDE de mon choix et tout le reste.

  • Code fira. C’est ma police préférée pour n’importe quel IDE ou éditeur de texte.
  • Thème matériel. C’est complètement subjectif (comme la plupart des choses dans cette liste) mais j’ai trouvé que c’était le thème avec lequel je suis resté le plus longtemps lors de l’utilisation de PhpStorm.
  • PHP. Le runtime nécessaire pour WordPress et le développement général de PHP. J’aurai des instructions de configuration pour cela (et d’autres outils) plus loin dans ce document sur la façon de l’installer en utilisant Homebrew pour faciliter la gestion du paquet.
  • Compositeur. Si vous travaillez avec diverses dépendances dans vos projets, vous devez utiliser Composer pour gérer ces packages.
  • WP-CLI. Il s’agit d’une interface de ligne de commande fantastique pour WordPress qui fait l’objet d’un développement vraiment fantastique qui rend le travail avec WordPress au niveau de la ligne de commande non seulement possible mais aussi facile.
  • PHPUnit. Si vous allez écrire des tests unitaires pour votre projet, alors c’est le framework que je recommande.
  • Renifleur de code PHP. Il s’agit de la bibliothèque pour vous assurer que votre code respecte l’une des normes que j’énumère dans l’élément suivant. Cela garantit que vous suivez les directives appropriées et que vous écrivez correctement les choses.
  • Normes de codage PHP. Il existe deux types généraux de normes de codage que vous êtes susceptible d’utiliser (si vous lisez ce blog), à savoir le PSR ou le WPCS. Selon celui que vous utilisez dépendra de la façon dont vous les installez. Quoi qu’il en soit, chacun nécessite que PHP Code Sniffer soit installé en premier.
  • Valet. J’ai écrit sur d’autres outils prêts à l’emploi comme MAMP dans d’autres articles, mais j’utilise Valet depuis la moitié de 2017 et ça "fonctionne vraiment". Il est vraiment facile de travailler avec et facilite la mise en place de nouveaux sites et projets.
  • Xdebug. Si vous écrivez du code côté serveur (et si vous écrivez PHP, vous l’êtes), le débogage ne se limite pas à echo et var_dump. Entrez Xdebug.
  • Noeud. Il s’agit d’un autre gestionnaire de packages permettant d’utiliser diverses bibliothèques JavaScript différentes. Si vous envisagez de faire quoi que ce soit avec Sass, Less, JavaScript, Image Compression, etc., je vous recommande de l’intégrer à votre flux de travail. Voir aussi ce billet.

Une fois que vous avez tout installé, il reste encore à configurer. Je couvrirai cela aussi.

Configuration de mes outils de développement

Comme mentionné précédemment, de nombreux packages que j’installe à ce stade sont effectués via Homebrew, cela suppose donc que vous avez installé Homebrew.

La première étape consistera donc à installer Homebrew. Tout ce qui suit est exactement ce dont vous avez besoin pour entrer dans votre terminal pour l’installer et rien de plus.

S’il y a des notes sur un paquet particulier, je les incorporerai dans l’essentiel associé.

Une note sur le homebrew

La raison pour laquelle je recommande d’utiliser un gestionnaire de packages est qu’il facilite grandement l’installation et la désinstallation de packages particuliers selon vos besoins.

Cela rend les choses plus, ahem, gérables. Et cela garde les choses un peu plus propres sur votre système (pour ceux qui deviennent [étrangement] compulsifs à propos de ce genre de choses).

1 Installer Homebrew

$ /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 Compositeur

4 WP-CLI

5 PHPUnité

6 Renifleur de code PHP

$ brew install php-code-sniffer

7 Voiturier

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

Une fois Valet installé, vous devrez peut-être l’ajouter à votre chemin (ce que vous voyez à partir de la deuxième ligne. Vous l’installez ensuite officiellement comme vous pouvez le voir sur la troisième ligne.

8 Xdébogage

$ brew install homebrew/php/php70-xdebug

Si vous utilisez Valet, vous devrez également ajouter quelques lignes de configuration afin de pouvoir utiliser correctement Xdebug avec Valet en conjonction avec PhpStorm.

Pour ce faire, ajoutez les lignes suivantes à /usr/local/etc/php/7.0/conf.d/ext-xdebug.ini :

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

Bien sûr, l’emplacement de votre idekey et de votre fichier de configuration variera en fonction de la version de PHP que vous avez installée et de l’IDE que vous utilisez.

9 nœud

10 MySQL

$ brew install mysql $ brew services start mysql

Extensions de navigateur

J’ai inclus quelques-unes des extensions de navigateur que j’utilise ci-dessous. Ceux-ci sont principalement destinés à des fins de développement ou pour éliminer les conneries du Web que je ne supporte pas de voir chaque fois que je le navigue:

  • Bloqueur de publicité Facebook. Je n’utilise pas beaucoup Facebook, mais quand je le fais, je veux un peu de distraction possible.
  • Superbe capture d’écran. Lorsque vous avez besoin de prendre une photo de quelque chose à envoyer à quelqu’un d’autre, bien sûr. Fonctionne bien avec Droplr.
  • Tampon. J’aime mettre en mémoire tampon beaucoup de mes tweets et cela facilite la tâche.
  • CouleurZilla. Lorsque vous saisissez des couleurs pour une image, un dessin ou un thème existant, cela aide à obtenir les valeurs RVB et hexadécimales.
  • Fantôme. Les gens ont des sentiments mitigés à ce sujet (et ça me va), mais c’est pour arrêter la publicité et le suivi.
  • Grammaire. Pour m’assurer que je fais un travail décent de construction de phrases et d’écriture de mots.
  • Fusionner Windows. Premièrement, nous avions trop de fenêtres, nous avons donc introduit la navigation par onglets. Maintenant, nous avons juste trop de fenêtres avec trop d’onglets. Cela fusionne toutes les fenêtres en une seule fenêtre.
  • Supprimer W3Schools. Supprime W3Schools des résultats de recherche Google afin que vous puissiez obtenir de meilleurs résultats.
  • Trieur d’onglets. Lorsque vos onglets deviennent incontrôlables entre Asana, Trello, Pocket, Reddit, etc., cela aide à les organiser par type.
  • Accélérateur. Cela fonctionne en conjonction avec le service Web Throttle pour créer des adresses e-mail jetables (que vous pouvez toujours utiliser pour lire les e-mails) pour les services avec lesquels vous ne souhaitez pas nécessairement suivre.
  • Toby pour Chrome. Idéal pour enregistrer et regrouper les sessions d’onglets (si vous choisissez de ne pas utiliser Trieur d’onglets) afin que vous puissiez revenir travailler sur tout ce que vous faisiez lorsque vous vous êtes éloigné, redémarré ou autre.
  • Aide Xdebug. Fonctionne conjointement avec Xdebug pour faciliter le débogage, le profilage et le suivi des performances et du code dans une application Web locale.

Il existe d’autres extensions que j’utilise pour des applications telles que 1Password et Pocket, mais elles ne semblent pas aussi pertinentes. J’ai donc choisi de les exclure, en particulier parce que ces services sont moins axés sur le développement.

La fin

Pourquoi mes extensions de navigateur sont-elles les dernières ? Je sais, cela semble un peu idiot – ne feraient-ils pas partie, disons, de mon ensemble standard d’applications ?

En termes simples, il y en a quelques-uns qui sont plus liés au développement, donc je voulais qu’ils viennent après avoir couvert tout le reste.

Sur une autre note, il y a des moments où je dois changer les choses en utilisant, par exemple, PHP7 à PHP5.6 en fonction d’un projet. Il y a aussi des moments où j’utilise d’autres bibliothèques comme PHPMD, etc., que je n’ai pas couvertes ici car ce sont des outils spécifiques à un projet.

Mais depuis la configuration de mon système, c’est l’aperçu général. J’ai donc maintenant une référence documentée de ce que j’ai besoin d’installer à partir du Mac App Store, à partir de divers endroits sur le Web, des commandes que je dois exécuter et de la façon dont je peux mettre en place et restaurer rapidement une machine en cas de panne.

Cela dit, je me demande si cela ne vaut pas la peine d’acheter une machine de sauvegarde bon marché au cas où.

Mais je ne sais pas. C’est un autre poste.

Épilogue

Si vous cherchez encore un autre article à suivre qui est similaire mais plus de détails en ce qui concerne certains outils, je vous recommande de consulter l’ article de Carl Alexander.

Source d’enregistrement: tommcfarlin.com

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More