IDE WordPressin kehittämiseen (kokemuksesta riippumatta)
Edellisessä artikkelissa kävin läpi paikallisen kehitysympäristön määrittämisen paketinhallinnan avulla. Erityisesti puhuin Homebrew’n käyttämisestä Valetin ja Composerin asentamiseen .
Edellinen tarjoaa Nginx-verkkopalvelimen, MySQL-tietokantapalvelimen, kun taas Homebrew antaa sinun asentaa PHP:n. Composer antaa sinulle mahdollisuuden käsitellä PHP-riippuvuuksia. Jos et ole lukenut viestiä, suosittelen sitä, koska tämä viesti perustuu koko ympäristöön.
Erityisesti aion puhua IDE:istä. Se on varmaan kuuma aihe, mutta jos sinulla ei ole mieltymyksiä, opastan sinut valitsemaan mielestäni parhaan (ainakin aluksi), määrittämään sen ja käyttämään sitä. viime viikolla perustetun ympäristön yhteydessä .
IDE WordPressin kehittämiseen
Monet ammattimaiset WordPress-kehittäjät kuulet todennäköisesti heidän puhuvan PhpStormista. Ja hyvästä syystä. Olen käyttänyt tätä tiettyä IDE:tä nyt yli vuoden ja se on todella tehokas.
Siinä on suuri tuki useille edistyneille ominaisuuksille, se on laajennettavissa ja siinä on paljon integroituja ominaisuuksia, jotka tekevät siitä erinomaisen työympäristön. Olen kuitenkin huomannut, että kaikista kokeilmistani IDE:istä siinä on myös jyrkin oppimiskäyrä. Se on myös maksullinen IDE, joka saattaa joillekin sammuttaa. Mutta ei se mitään. Käsittelemme sitä koko tämän postauksen ajan.
Tämä ei välttämättä ole huono asia: Joskus oppimisen arvoisimmat asiat ovat vaikeimpia käyttää. Mutta on olemassa vaihtoehtoja, ja yritän varmistaa, että kaikki tämän lukevat ovat samalla sivulla.
Kuten edellisessä viestissä sanoin :
Jos aion kirjoittaa tästä materiaalista pitkään, pitäisikö minun olettaa, että käytämme kaikki samaa ympäristöä?
Koska olen erehtynyt kyllä, niin mielestäni on sopivaa valita IDE, jonka uskon toimivan hyvin kenen tahansa kanssa – vasta oppivista hieman edistyneempiin. Anna Visual Studio Code.
Huomautus tästä IDE:stä
Jos olet lukenut tätä blogia jonkin aikaa (tai olet vasta aloittamassa), huomaat, että minulla on arkisto tämän tietyn IDE:n viesteistä. Jotkut kirjoittamistani viesteistä ovat:
- Visual Studio Code WordPressin kehittämiseen
- PHP CodeSnifferin määrittäminen Visual Studio Codessa
- TEHTÄVÄT, ARVOSTELUT ja KORJAUKSET ,
- ja niin edelleen.
Itse asiassa minulla on koko ruuhka, jonka voit käydä läpi. Ongelma: Se on hieman vanhentunut. PhpStormia käytettäessä Visual Studio Code (tai Code, lyhennettynä) on tehnyt merkittäviä parannuksia sen jälkeen, kun olen sitä viimeksi käyttänyt.
Osa tästä materiaalista saattaa kuitenkin kuulostaa turhalta, mutta lopulta se saa meidät kaikki samalle sivulle.
Visual Studio Code
Ennen kuin aloitat, kannattaa mainita kaksi asiaa:
- Miksi Visual Studio Code?
- Visual Studio Coden käytön aloittaminen
Jälkimmäinen on vähän iso aihe, koska se sisältää useita asennettavia, konfiguroitavia ja määritettäviä asioita, joten käsittelen niitä alkaen tästä viestistä ja muutamasta uudesta, mutta ainakin on syytä puhua siitä, miksi Visual Studio Code on vankka IDE WordPressin kehittämiseen.
1 Miksi Visual Studio Code?
Sen lisäksi, että se on yhteensopiva kaikkien tärkeimpien käyttöjärjestelmien kanssa, yksi ensimmäisistä Codessa huomioitavista asioista on se, että se säilyttää kopion asetuksistaan omassa tiedostossaan, jotta voit aina palata siihen, mutta voit mukauttaa sen omien asetustesi mukaan. .
Lisäksi sitä kaikkia ylläpidetään JSON-tiedostossa, jonka avulla voit mukauttaa sen sopimaan ympäristöön, jossa työskentelet. Ehkä se on PHP, ehkä se on JavaScript tai ehkä se on jotain aivan muuta.
Lisäksi asetusten pitäminen siirrettävinä tekee niiden jakamisesta helppoa tietokoneiden kesken. Tämä tarkoittaa, että voit pudottaa tiedoston esimerkiksi Dropbox-kansioon ja saada asetukset viittauksiksi kaikissa koneissasi.
Tämä on tietysti hyödyllistä, jos sinulla on vain useita koneita. Ja jos teet niin, saatat haluta, että kehitysympäristöt ovat synkronoituja, jotta niiden välillä on helppo liikkua.
2 Visual Studio Coden käytön aloittaminen
IDE:stä aloittaminen on helppoa. Kyse on todellakin seuraavista:
- Navigoimalla ohjelmiston kotisivulle,
- Lataa käyttöjärjestelmällesi sopiva versio,
- Sitten sen asentaminen.
Mutta pelkkä sen asentaminen ei riitä, vai mitä?
Tarkoitan, että meidän on vielä puhuttava työtilojen lisäämisestä jokaiseen projektiimme, asetusten määrittämisestä ja laajennusten asentamisesta, jotka auttavat tekemään työstämme tuottavampia.
Seuraavien viestien aikana aiomme tehdä juuri niin. Loppujen lopuksi, jos näistä postauksista tulee liian pitkiä, et saa loppupäivänä oikeastaan mitään aikaan 🙂.
Entä laajennukset?
Muista kuitenkin, että koska työskentelemme ensisijaisesti WordPressin ja siihen liittyvien ohjelmistojen kanssa tässä sarjassa ja tulevassa artikkelissa, meidän on varmistettava, että meillä on asennettuna muutamia asioita, jotta voimme hoitaa tekemisemme oikein.
Tämä sisältää esimerkiksi tukea:
- WordPress. Yksi mukavista asioista älykkään IDE:n käytössä on, että se voi tarjota koodin täydennyksen. Useimmat IDE:t tarjoavat yleensä PHP:n kaltaisen kielen käyttöä. Tämä laajennus lisää tuen WordPressille.
- PSR2-koodausstandardit. Vaikka olen joskus ollut WordPress-koodausstandardien fani, olen sittemmin siirtynyt käyttämään PSR -koodausstandardeja (monista syistä).
- Virheenkorjaus. Xdebugin käyttö on välttämätöntä, jos haluat päästä läpi käyttämällä koodissasi echo- ja var_dump- lauseita. Lisäksi se auttaa tutkimaan syvemmälle WordPress-lähdekoodia mahdollisten ongelmien läpikäymisessä.
- TODO-hallinta. Useimmiten koodia kirjoitettaessa on paikkoja, jotka sinun täytyy palata ja tarkistaa, korjata tai yksinkertaisesti tehdä ennen kuin julkaiset jotain lavastusta tai tuotantoa. Tällaisen työkalun käyttäminen auttaa sinua löytämään ne helposti ennen koodin sitomista lähdehallintaan tai sen käyttöönottoa.
- Ja enemmän.
Ilmeisesti yllä linkitetyt asiat vievät sinut kunkin laajennuksen etusivulle, mutta on mahdollista – ja todennäköisesti parempi – asentaa ne editorin sisältä, jotta voit hallita niitä helpommin.
Muista, että edellisen viestin tarkoituksena oli saada tapa hallita helposti kaikkia asentamiamme ohjelmistoja. Ja laajennusten asentaminen IDE:n kautta tarjoaa täsmälleen saman kokemuksen IDE:lle.
Lopuksi, nämä ovat ne laajennukset, jotka olen havainnut hyödyllisiksi WordPressin kanssa työskennellessäni.
Seuraavaksi
Vaikka olen antanut yhteenvedon monista yllä olevista asioista, se ei vaadi syvällistä sukeltamista joihinkin niistä tai siihen, mitä on odotettavissa käytettäessä niitä.
Lisäksi siinä ei puhuta tavallisista sarkaimista vs. välilyönneistä, mielestäni käyttökelpoisista fonteista, Sass-lintumisesta, JavaScript-tyylistä ja lintingistä ja niin edelleen.
Asenna siihen asti Visual Studio Code -koodi ja määritä se yllä linkitettyjen laajennusten avulla. Se on helppo tehdä IDE:n sisällä. Ja jos sinulla on kysyttävää, jätä ne kommentteihin.