Les eines de codificació Mac preferides d’un desenvolupador per a PHP i desenvolupament web

Segons l’enquesta de desenvolupadors de Stack Overflow del 2020, més programadors treballen a Mac (27,5%) que a Linux (26,6%), però només amb un marge molt reduït. Per contra, gairebé el doble de desenvolupadors (45,8%) utilitzen Windows com a màquines de desenvolupament. Al llarg dels anys, he saltat entre plataformes, però em trobo que torno regularment al Mac.

També: Els millors serveis d’allotjament web

El fet és que guanyo molta productivitat amb les aplicacions específiques de Mac, especialment Final Cut Pro X per a la producció de vídeo. M’agrada poder executar aplicacions de Windows, Linux i Mac a la mateixa màquina, cosa que només és possible en un Mac (en parlaré més a continuació). Tot i que Windows ofereix un entorn de línia d’ordres robust, m’agrada tenir una línia d’ordres completa d’estil Linux, així com un complement complet de les eines gràfiques ben integrades del Mac.

En aquest article, us mostraré les eines que faig servir. Molts són multiplataforma, mentre que altres són específics per a Mac. Tot i que en el passat he codificat aplicacions per a Mac i aplicacions per a iOS, la meva codificació ara és totalment per al web. Mantenc 10 connectors de WordPress de codi obert, inclòs un connector de donacions que admet més de 10.000 entitats sense ànim de lucre i un connector de privadesa del lloc que admet més de 20.000 llocs.

Tot i que en el passat he programat en molts idiomes (i he escrit el meu), els meus projectes actuals impliquen codificació principalment en PHP i JavaScript, amb CSS, HTML i SQL (a més d’alguns marcs) que completen la barreja. Per crear i mantenir el codi, faig servir l’ampli ventall d’eines que es mostren a continuació. En aquesta peça, us mostraré les eines instal·lades. En una peça futura, tornaré a submergir-me i us mostraré els serveis basats en núvol que ajuden a fer la feina.

I amb això, comencem.

El tema de l’edició de codi i el desenvolupament d’entorns ha despertat més debats religiosos dels que m’agradaria comptar. Alguns programadors porten a la vella escola, confiant únicament en la línia d’ordres i en editors com vi i emacs. Alguns programadors prefereixen editors de text lleugers. Altres prefereixen editors més extensibles com Atom i Sublime Text. I encara altres programadors, inclòs jo mateix, prefereixen entorns de desenvolupament integrats com PhpStorm, Visual Studio Code i Xcode (principalment per a les seves eines de desenvolupament natives de Mac i iOS).

La meva arma escollida ha estat PhpStorm. Fa anys que el faig servir. Té un excel·lent entorn de depuració integrat que permet la depuració tant local com remota. També té una àmplia gamma d’altres funcions integrades que faig servir diàriament, que van des de la seva pròpia finestra de terminal fins a la sincronització de fitxers fins al control de versions i l’historial de fitxers línia per línia. A més, té una àmplia selecció de connectors que amplien i milloren l’experiència de codificació.

Alguns dels meus connectors preferits inclouen:

  • Suports de l’arc de Sant Martí: Un complement meravellós que combina els claudàtors no només amb línies sinó amb colors. Fa que sigui molt fàcil veure quin codi pertany a quin altre codi.
  • Manipulació de cordes: Tot tipus de retocs de cordes, conversions de minúscules i molt més.
  • WordPress: Sintaxi i formatació de funcions conscients de WordPress, juntament amb suport per a ganxos de WordPress. Imprescindible per a qualsevol codificador de complements de WordPress.

Quan es codifica per a la web, sovint és millor tenir una pila de desenvolupament local. Local és una d’aquestes pila. Proporciona Nginx o Apache, MySQL, una instal·lació de PHP amb Xdebug i una sèrie d’altres recursos, sobretot un túnel perquè els recursos basats en Internet puguin accedir a l’entorn local per codificar i provar, una integració SSL integrada i MailHog, que intercepta el correu electrònic per a proves d’aplicacions basades en correu electrònic. Ah, i és gratuït.

He esmentat Sublime Text anteriorment i molts programadors l’utilitzen com a entorn de desenvolupament principal. Admet una varietat gairebé llegendària de complements i complements. Utilitzo Sublime com a editor ràpid quan vull editar fitxers de projecte fora de l’estructura intrínseca del projecte de PhpStorm. És ràpid, sensible i tan friki.

En lloc d’utilitzar Git o Github, el dipòsit de connectors de WordPress (on tots els connectors sancionats estan disponibles per als usuaris de WordPress) utilitza el sistema de control de codi font SVN. Em sembla molest l’SVN de la línia d’ordres, així que faig servir una interfície d’usuari gràfica anomenada SmartSVN per enviar els meus fitxers al dipòsit. Redueix substancialment les possibilitats que cometi un error en publicar una nova compilació.

Tot i que prefereixo utilitzar interfícies GUI per a la majoria de les funcions del meu kit de desenvolupament, no sóc dels que tinguin por de caure a la línia d’ordres quan em convé. Tot i que només és possible fer-ho amb el terminal MacOS estàndard, prefereixo iTerm2. Proporciona pantalles dividides, finalització d’ordres, historial d’enganxament i una mica més. També es pot configurar per adaptar-se tant al vostre estat d’ànim com al vostre projecte.

Aquesta petita joia de Mac App Store és una eina útil per capturar elements ràpids i accedir-hi des de la barra de menús del Mac. El meu major ús és crear dreceres a les pàgines d’administrador i d’usuari dels diferents llocs en què estic treballant. En lloc de canviar a una finestra del navegador i després invocar un marcador, només vaig al menú, trio on vull anar i s’obre el navegador.

Això pot semblar una característica menor, però quan es canvia entre l’IDE i el navegador milers de vegades al dia, aquests moviments del ratolí desats realment sumen. Com que la barra de dreceres permet l’agrupació, també tinc enllaços agrupats per a ubicacions de prova de servidors locals i remots.

Com que estic fent desenvolupament web, he de comprovar el meu codi als navegadors basats en Windows, la qual cosa significa que he d’iniciar Windows 10 per provar el nou Edge, Chrome, Firefox i, perdoneu-me, pare, perquè he pecat. — IE11. Sí, encara hi ha usuaris d’IE11.

He esmentat Parallels Desktop a la meva introducció a aquest article. Trobo que la possibilitat d’executar Windows, Mac i Linux a la mateixa màquina és molt útil en determinades circumstàncies. Dit això, he estat executant Windows al meu Mac de l’oficina de dalt, que és el que té més velocitat i capacitat. Aquesta màquina també és la màquina que faig servir per a la producció de vídeo.

La meva màquina de desenvolupament principal és en realitat a la planta baixa, al costat del sofà. Això es remunta als dies en què el meu gos era un cadell, i solia patir abstinència quan treballava a l’oficina. Ara, és molt agradable treballar amb ell a la falda, i he configurat una estació de treball completa que em permet seure a la sala d’estar i compartir la meva falda tant amb el teclat com amb el gos.

Aquesta màquina és un iMac i7 del 2013 amb 32 GB de RAM. És ideal per al desenvolupament, però no és prou ràpid per a múltiples fluxos de vídeo 4K. Tampoc ja no és prou ràpid per allotjar amb èxit un escriptori de Windows. El que em porta a…

Tot i que la meva màquina de desenvolupament és a la planta baixa i la meva màquina de producció de vídeo a dalt, puc treballar-hi, sigui on sigui. Simplement faig servir l’aplicació per compartir pantalla integrada de MacOS per connectar-me a la màquina remota.

Quan vull connectar-me a Windows des de la màquina de desenvolupament de la planta baixa, faig servir Microsoft Remote Access. Aquesta és una descàrrega gratuïta de la botiga d’aplicacions de Mac OS i proporciona una interfície remota completa a la meva màquina Windows 10. Tingueu en compte que si teniu previst utilitzar Microsoft Remote Access, heu d’executar Windows 10 Pro. Windows Home no admet l’accés remot.

Ah, i en cas que us pregunteu per què sembla que aquesta configuració no té un component mòbil de programació en una cafeteria, és senzill: la pandèmia. Un cop va quedar clar que tota la meva feina de codificació es faria a casa, vaig consolidar el meu desenvolupament en una màquina fixa amb bona capacitat i optimitzada per a Gigabit Ethernet entre les màquines. Si encara estiguéssim vivint a la “vella normalitat”, tindria una implementació molt més centrada en el núvol. Trobo a faltar les cafeteries.

El meu codi fa molt de treball SQL. Com a tal, he de poder mirar el que s’ha emmagatzemat a la base de dades. La manera més fàcil i ràpida de fer-ho no és PhpMySQL, sinó una aplicació nativa de Mac anomenada Sequel Pro (que, meravellosament, combina pancakes i emmagatzematge de dades a la seva icona).

El meu ús més habitual és obrir una taula de base de dades i buscar “el valor conté” o “el nom_opció conté” i buscar els resultats. És ràpid i em permet manipular les dades com a part del meu procés de desenvolupament. He de destacar que PhpStorm també té un navegador de bases de dades, però trobo que Sequel Pro és més eficient per al meu ús.

Em va costar molt de temps trencar el meu hàbit d’utilitzar SFTP mitjançant la línia d’ordres i els túnels SSH. Però el carretó elevador és un bon substitut. Manté una llista de llocs i inicis de sessió, gestiona el xifratge i proporciona una interfície tradicional d’arrossegar i deixar anar per moure lots de fitxers.

Juntament amb Final Cut Pro X, Keyboard Maestro és una de les eines de programari només per a Mac que em manté en un Mac. Vaig comprar Keyboard Maestro per primera vegada l’any 2011 i des de llavors l’he estat utilitzant per a una àmplia gamma d’escriptures especialitzades.

És una eina de programació d’aplicacions increïblement potent que també és molt fàcil d’utilitzar. Periòdicament engeixo scripts especials per executar una tasca que, d’altra manera, trigaria molt de temps. Alguns dels meus scripts són molt potents i creuen diverses aplicacions. Altres, com la prova d’emplenament de ratlles a la captura de pantalla, fan una cosa, una i altra vegada.

Parlem d’aquest. Quan vaig desenvolupar la passarel·la de pagament Stripe per al meu connector de donacions, vaig haver d’iniciar un pagament de prova, probablement mil vegades. Mentre codificava, provava i depurava, vaig haver d’omplir els mateixos camps de la targeta de crèdit amb les mateixes dades de prova, una i una altra i una altra. Un script senzill a Keyboard Maestro va fer tot això per mi. En lloc d’omplir manualment les dades de cada passada, només deixo que Keyboard Maestro ho faci per mi.

Alfred és la nova incorporació a la meva família de productivitat. Apareix una barra d’ordres com Spotlight, però amb capacitats afegides. Podeu crear fluxos de treball per fer tasques relativament complexes, però el meu gran ús fins ara ha estat quatre cerques personalitzades. Quan preme Alt-Espai, apareix la barra d’Alfred.

Si escric “codex”, prendrà el que segueix i ho utilitzarà com a cadena de cerca al còdex de desenvolupadors de WordPress. Escrivint “connector”, cerca el repositori de connectors de WordPress. Escrivint “zdme”, cerca ZDNet per als articles que he escrit amb la cadena de cerca. Ho faig servir constantment per col·locar enllaços als articles. Ara, poden semblar senzills i podeu configurar Chrome per fer cerques personalitzades, però de nou, com amb la barra de dreceres, això estalvia els moviments del ratolí i les pulsacions de tecles. Si necessito veure la definició d’una funció de WordPress, un toc me l’obté, sense necessitat d’anar mai al ratolí.

I tu?

Així que aquí ho tens. Aquestes són les meves principals eines de desenvolupament que m’ajuden a fer la feina. I tu? Estàs codificant? Si és així, quines són les eines de programari que us ajuden a ser més productiu? Feu-nos-ho saber als comentaris a continuació.


Podeu seguir les actualitzacions del meu projecte diari a les xarxes socials. Assegureu-vos de seguir-me a Twitter a @DavidGewirtza Facebook a Facebook.com/DavidGewirtz, a Instagram a Instagram.com/DavidGewirtz i a YouTube a YouTube.com/DavidGewirtzTV.

Leave a Comment

Your email address will not be published. Required fields are marked *