aivan kuten maalari tarvitsee harjan, seppä vasaransa ja puuseppä sahansa, WordPressers tarvitsevat omat työkalunsa.
vaikka käytössämme on monia erilaisia WordPress-kehitystyökaluja, suurin osa työstä tapahtuu yksinkertaisen tekstieditorin sisällä.
olitpa täysipainoinen liitännäinen tai teeman kehittäjä tai” vain ” edistynyt käyttäjä, tarvitsemme koodieditoreita koko ajan: Ydintiedostojen määrittäminen, tyylien muuttaminen, mallitiedostojen muokkaaminen, sinä nimeät sen — hyvä osa työstämme on koodirivien muokkaaminen.
siksi on vain hyvä ja asiallinen, että käytämme parasta käytettävissämme olevaa työkalua, eikö niin? Loppujen lopuksi, kuten Abraham Lincoln (väitetysti) sanoi: ”Anna minulle kuusi tuntia kaataa puu ja käytän neljä ensimmäistä kirveen teroittamiseen.”
(Didn ’ t think I could bring Lincoln into a conversation about WordPress, did you? En minäkään.)
varmistaaksemme, että käytämme aina terävintä akselia, Katsotaanpa joitakin parhaita koodieditoreja WordPress-kehittäjille ja-käyttäjille.
mitä etsiä Koodieditorista WordPressin kehittämiseen
ennen kuin siirrytään varsinaiseen ohjelmistoon, käydään nopeasti läpi, miksi meidän pitäisi ylipäätään käyttää erikoistunutta koodieditoria.
loppujen lopuksi, Etkö voi muokata WordPress-tiedostoja millään tekstieditorilla, mukaan lukien se, joka toimitetaan tietokoneesi käyttöjärjestelmän mukana?
vaikka tämä on itse asiassa totta ja tällaiset ohjelmat riittävät nipin napin, hyvä koodieditori tarjoaa ”editointi” – osan lisäksi monia muita ominaisuuksia, jotka kaikki on suunniteltu helpottamaan elämääsi WordPress-työntekijänä ja säästämään aikaa.
seuraavassa käyn läpi muutamia ammatillisten koodinmuokkausohjelmien yhteisiä ominaisuuksia ja toimintoja.
tarpeistasi ja mieltymyksistäsi riippuen ne voivat olla suuri tekijä päätöksessäsi minkä tahansa tämän listan koodieditorien puolesta tai niitä vastaan. Siksi sinun tulisi varmistaa, että must-have-ominaisuutesi ovat joko mukana natiivisti tai ne voidaan lisätä laajennuksen kautta.
kohdekielen tuki
Ensinnäkin on tärkeää varmistaa, että valittu koodieditori tukee niitä ohjelmointikieliä, joiden kanssa aiot työskennellä.
web-kehityksessä tämä olisi tyypillisesti HTML, CSS, PHP ja JavaScript. Saatat kuitenkin tarvita myös muita kieliä.
onneksi suurin osa nykyisistä toimittajista tukee näitä oletusarvoisesti. Silti tarkistaminen ei haittaa.
syntaksin korostus-ja asetteluvaihtoehdot
kyky korottaa automaattisesti koodin syntaksin eri osia eri väreillä on erittäin hyödyllinen ominaisuus ohjelmointi -, skriptaus-ja merkintäkielissä.
sen avulla on paljon helpompi ymmärtää ja lukea koodia, spot syntaksivirheitä (koska merkkijonot eivät vaihda väriä, elleivät ne ole täydellisiä), ja nähdä, missä yksi kiinnike päättyy ja seuraava alkaa.
monet koodieditorit tarjoavat myös muita asetteluvaihtoehtoja, kuten koodin taitto ja automaattinen sisennys. Yhdessä nämä ominaisuudet parantavat huomattavasti koodin luettavuutta.
Syntaksikorostus on saatavilla lähes kaikille ohjelmointikielille nykyään, eikä ole mitään tekosyytä olla sisällyttämättä sitä koodieditoriin.
Etsi ja korvaa — funktio
varsinkin kompleksisia sivustoja rakennettaessa tapahtuu tarpeeksi usein, että jotain täytyy muuttaa sivuston laajuiseksi-ehkä jokin pääväreistä tai tärkeä JavaScript-muuttuja.
Mitä ikinä se onkaan, jäät nyt etsimään ja korjaamaan jokaista koodin sisällä olevaa tapausta. Kuten voitte kuvitella, tämä saa erityisen vaikeaa, jos työskentelet useita tiedostoja, kuten useita tyylilevyjä.
kun näin tapahtuu, on erittäin hyödyllistä, että käsillä on tehokas haku-ja korvaustoiminto, joka voi tehdä tämän automaattisesti. Se säästää paljon työtä ja kireät silmät, luota minuun.
koodi Automaattitäydennys
saatat tietää tämän ominaisuuden puhelimestasi (usein hulvattomilla tuloksilla), tekstinkäsittelyohjelmasta tai jos olet joskus työskennellyt Firebugin kanssa tehdäksesi live-muokkauksia sivustosi CSS: ssä.
kuten nimestä voi päätellä, automaattitäydennys auttaa koodin kirjoittamisessa ilman, että jokaista instanssia tarvitsee kirjoittaa kokonaan. Sen sijaan, kun aloitat kirjoittamalla, editori ehdottaa sinulle useita vaihtoehtoja, jotka sopivat syöte.
ohjelmointikieli on ennalta määrätty tällaiseen, koska on olemassa vain rajallinen määrä ilmaisuja, jotka ovat joka tapauksessa järkeviä, ja kuten voitte kuvitella, tämä voi tehdä koodaamisesta paljon nopeampaa ja helpompaa.
sisäänrakennettu FTP-tuki
nosta kätesi, jos tämä kuulostaa työnkulultasi WordPress-tiedostojen muokkaamiseen:
- avaa Filezilla
- Selaa tiedostoon
- lataa se
- Etsi tiedosto tietokoneeltasi
- avaa se tekstillä edior
- tee muokkauksia
- palaa takaisin Filezillalle
- Reupload-tiedosto palvelimelle
Soita palvelimelle
Tallenna tiedosto
If That ’s you, don’ t worry, you are not alone. Olemme kaikki aloittaneet tällä tai vastaavalla mutkikkaalla prosessilla.
onneksi on helpompikin tapa. Monilla koodieditoreilla on nyt moduuleja FTP/SFTP-palvelimien käyttämiseen, joten voit avata, muokata ja ottaa käyttöön tiedostoja suoraan muokkaimesta.
versionhallinta
versionhallinta on turvaverkko. Kun teet muokkauksia tiedostoihisi ja asiat menevät pieleen (kuten ne väistämättä menevät), versionhallinnan avulla voit palata vanhempiin versioihin työstäsi ja kumota virheet.
varsinkin isommissa projekteissa versionhallinta on pakko olla.
vaikka voit käyttää Git: tä (löydät täältä aloittelijan opetusohjelman) ja muita versionhallintatapoja riippumatta koodieditoristasi, monet tarjoavat sitä joko sisäänrakennettuna tai laajennuksena.
Jos teet muutakin kuin satunnaista koodaamista, tämä saattaa olla tärkeä tekijä päätöksellesi.
So far so good?
mennään haastajien pariin parhaasta Koodieditorista WordPressin kehittämiseen.
WordPress-kehittäjien ja-käyttäjien parhaat Koodieditorit
yksi varoitus: tätä viestiä varten yritin keskittyä puhtaisiin koodieditoreihin, En kokonaisiin kehitysympäristöihin. Joten jos et löydä suosikki IDE listalta(kuten PHPStorm, Eclipse, jne.), se on tarkoituksella.
Plus, Tämä luettelo ei suinkaan ole täydellinen eikä tietyssä järjestyksessä. Valitsemalla mikä koodieditori on oikea sinulle todella riippuu henkilökohtaisista mieltymyksistä ja tarpeista, siksi En anna tuomiota siitä, mikä on paras.
kaikki hyvin? Aletaan sitten hommiin.
Light Table
Price: Free
ensimmäinen haastajamme on paitsi ilmainen ja avoin lähdekoodi (löydät sen Githubista), myös Kickstarter-joukkorahoituskampanjan tulos, jolla on yli 300 dollarin tuki.
se toimii useilla alustoilla (Windows, Mac, Linux), urheilu liukas ja erittäin puhdas käyttöliittymä, ja — kiitos sen monia saatavilla laajennuksia — on erittäin muokattavissa.
yksi mielenkiintoisimmista ominaisuuksista on se, että se antaa välitöntä palautetta. Avaa selainikkuna editorin sisällä ja näet koodimuutosten vaikutukset heti. Tässä se on toiminnassa:
lisäominaisuuksia:
- Kevyt
- Fuzzy file search
- tuki erilaisille upotuksille
- Syntaksikorostus
- virheenkorjaus
- Syntaksikorostus
- Editor themes
- File/data lajittelu
- koodin taitto
- valmis HTML5: lle ja CSS3: lle
- CSS-yhteensopivuusvartija
- Tehokas haku ja korvaa
- koodinpätkän helppo uudelleenkäyttö
- tuki mobiilikehitykselle
- Jakomuokkaus
- projektien luominen drag and dropilla
- sumea haku
- koodinpätkät
- Tiedostojärjestelmäselain
- Projektinlaajuinen haku ja korvaa
- Monipaneelinäkymät
- koodin taitto
- Markdown viewer
- Monivalinnat
- Muokattavat nahat ja kuvakkeet
- Kopy.io integraatio
- ennalta määritellyt custom container stacks
- Yhdistä git: iin, Bitbucketiin, GitHubiin
- 70+ kieltä mukaan lukien JS, PHP, HTML ja lisää
- Koodin täydennys
- Linting
- Tuki kaikille laitteille ja selaimille
- hyvin muokattavissa olevat ulkoasut, skins ja lisää
- projektinhallintatyökalut
- Syntaksikorostus
- koodin taittaminen
- FTP / SFTP-tuki
- integroitu käyttöliittymä
- Syntaksikorostus 200+ kielelle
- siirrä muutokset suoraan palvelimelle
- tuki CSS3: lle, HTML5: lle ja muille kielille
- Tehokas haku-ja korvaustoiminto
- helppo leikepöydän hallinta
- Tallennettavat makrot
- tuki 50+ kielelle
- Syntaksikorostus
- tuki Xcodelle
- Instant project switch
- Split editing
- Multiple selections
- Plugin API
- tuki monikielisille ympäristöille
- syntaksin taitto
- Zoom-toiminto
- sivuston esikatselu
- Kevyt
- koodin taitto
- Esiprosessorin toiminnallisuus
- Live preview
- Etsi ja korvaa
- virheenkorjaus
- Tiedostonhallinta
- tuki FTP/SFTP/WebDAV/Amazon S3
- Etsi ja korvaa
- Context-aware Code highlighting
- Multiple cursors
- Local/Remote file editing and management
UltraEdit
Hinta: $79.95/vuosi
Onko Windows, Mac OS, tai Linux, UltraEdit on selustasi.
UltraEdit osaa HTML: ää, PHP: tä, JS: ää, Perl: ää, C/C++: aa, Pythonia ja muita kieliä, urheiluominaisuuksia, kuten tiedostojen vertailua, multi-tab / multi-pane editointia ja paljon muuta, ja jopa omaa FTP-asiakasohjelmaansa.
suhteellisen hintavana ja vuosittain toistuvilla maksuilla mielessäsi on helppo työskennellä aktiivisesti kehitteillä olevan premium-tuotteen parissa.
lisäominaisuudet:
Integrated SSH/telnet
RapidPHP
Price: from $35,95
rapidphp on Windows-käyttöjärjestelmän koodieditori, joka tuo nopeudelle ison lisän (tästä nimi, luulisin).
vaikka se on rakennettu PHP-ohjelmointia varten, se tukee myös HTML: ää, CSS: ää, JS: ää ja muita web-kehityksen kieliä, joissa on ominaisuuksia, kuten syntaksin korostus, automaattinen täydennys, muotoilu ja virheenkorjaus.
ohjelma on myös suoraan yhteydessä FTP -, SFTP-ja FTPS-palvelimiin ja mukana tulee tiedostonhallintatyökaluja ja Git-integraatio.
premium-tuotteena RapidPHP tarjoaa kokeiluversion, jota voi käyttää 30 kertaa ennen kuin pyydetään ostamaan lisenssi.
lisäominaisuudet:
Chocolat
hinta: $49,00
herkullisella nimellä varustetulla ohjelmalla on ylevät tavoitteet: olla täydellinen tekstieditori Max OS X: lle jokaiselle ihmisen tuntemalle ohjelmointikielelle (heidän sanansa eivät ole minun).
se haluaa saavuttaa tämän integroimalla täydellisesti KÄYTTÖJÄRJESTELMÄRAJAPINNAN, tarjoamalla koodin täydennystä JS: lle, Pythonille, HTML: lle ja muille, sekä projektinlaajuista haku-ja korvaushakua ja live-virhetarkistusta.
lisäominaisuudet:
- oodin taittaminen
ärjestelmävärivalitsin Live preview for HTML and Markdown
Atom
Price: Free
Atom on suhteellisen uusi lisäys koodieditorien maailmaan, eikä sitä tehnyt kukaan muu kuin GitHub.
se toimii kaikkien tärkeimpien käyttöjärjestelmien kanssa, on ilmainen, avoin lähdekoodi ja koska se on tehty kehittäjiä ajatellen, se on erittäin laajennettavissa ja muokattavissa.
editorissa on yksi ydinmoduuli, jota voidaan laajentaa kasvavalla määrällä käyttäjien tekemiä paketteja. Yhdessä monia teemoja, tämä mahdollistaa luoda juuri työkalu tarvitset.
lisäominaisuudet:
Komodo Edit
Hinta: Free
tämä editori on ilmainen ja avoimen lähdekoodin Trimmattu versio suositusta Komodo IDE: stä. Se tarjoaa monikielistä tukea automaattisella täydennyksellä, projektinhallintatyökaluilla ja muutosten seurannalla.
edistyneemmät vaihtoehdot, kuten virheenkorjaus ja yksikkötestaus, on kuitenkin varattu sen isoveljelle.
lisäominaisuudet:
CodeAnywhere
Price: Ilmainen (kokeiluversio)
Tämä on varsin kiehtova merkintä. Ladattavan sovelluksen sijaan CodeAnywhere on (osuvasti nimetty) pilvieditori/IDE.
Kirjaudu sisään mistä päin maailmaa tahansa, avaa tiedostoja millä tahansa FTP-palvelimella, Dropboxilla tai Google Drivella ja saa koodin päälle.
editorissa on myös tehokas versiotyökalu, jonka avulla SSH-tiedostoja voi siirtää suoraan toiselle palvelimelle.
Plus, sen pilvi merkki tekee yhteistyötä tai näyttää koodin toiselle henkilölle yhtä helppoa kuin lähettämällä linkin ja voit käyttää sitä myös iOS ja Android mobiililaitteissa.
Codeanywheren perusversio on vapaasti kokeiltavissa, lisenssit alkavat $ 2 / kk.
lisäominaisuudet:
BBEdit
hinta: $49,99
nimen BB tulee sanoista bare bones, toimittajan tekijä. Se tarjoaa tuen lukuisille kielille, Etsi ja korvaa useissa tiedostoissa, automaattitäydennys, koodin taitto ja muita ominaisuuksia.
vaikka Bbeditissä on hintalappu, sama yhtiö tekee Mac OS: lle myös ilmaisen vaihtoehdon nimeltä TextWrangler. Se on trimmattu versio premium-tuotteesta, jonka voit antaa pyöräytyksen ennen kuin sitoudut sen isompaan, kyvykkäämpään veljeen.
lisäominaisuudet:
Vim
Hinta: Free (Charityware)
vaikka heidän verkkosivustonsa näyttää todella 90-luvun alkupuolelta, Vim-Editorilla on erittäin hyvä maine Linux-kehittäjien keskuudessa.
se on avointa lähdekoodia ja antaa cross-platform — yhteensopivuudelle aivan uuden merkityksen-Vim toimii jopa DOSissa tai Amigalla. (Kysy vanhemmiltasi, jos et tiedä, mitä se tarkoittaa).
editori on myös erittäin konfiguroitavissa ja sitä voidaan laajentaa niin tehokkailla ominaisuuksilla, että se siirtyy IDE-alueelle puhtaan koodieditorin sijaan.
Vim: ssä on kuitenkin tietty oppimiskäyrä, joten se ei välttämättä ole aloittelijoille sopiva työkalu. Myös, vaikka vapaa voit valita maksaa sen, mikä lahjoittaa hyväntekeväisyysprojektiin Ugandassa.
lisäominaisuudet:
Espresso
hinta: $75
tämä caffeinated-haastaja on Mac OS-alustan web-kehitystyökalu, jossa on sisäänrakennettu koodieditori työkalu nimeltään cssedit.
siinä on todella mukava käyttöliittymä, se tukee koodin automaattista täydennystä ja koodin taittamista, antaa sinun vetää ja pudottaa koodinpätkiä helposti ja tarjoaa jopa live-esikatselun.
vaikka se ei ole halvin, sitä voi testata 15 päivän kokeilulla ennen maksusitoumuksen tekemistä.
lisäominaisuudet:
TextMate
Price: from $56.00 (single user license)
itse tituleerattu ”missing editor for Mac OS X” on kuitenkin toinen yhden alustan editori, jonka lähestymistapa on saanut paljon vaikutteita UNIX-käyttöjärjestelmästä.
TextMate on yksinkertainen, mutta siinä on runsaasti automaattisia täydennyksiä, automaattisia sisennyksiä, taitettavia koodilohkoja ja paljon muuta. Se tarjoaa myös hienostuneen haku-ja Korvaustoiminnon ja helpottaa useiden tiedostojen käsittelyä kerralla.
lisäominaisuudet:
Sublime Text
Price: $70
fanit häiriötekijä-vapaa kirjoitustila WordPress iloitsee kuulla, että ylevä teksti tulee sama ominaisuus. Koodaa rauhassa ja keskittyneesti, täältä tullaan.
muita ominaisuuksia, jotka tekevät tästä ohjelmasta yhden suosituimmista koodieditoreista, ovat sen liukas muotoilu, tehokas haku, automaattitäyttö ja automaattinen täydennystoiminto sekä korkea muokattavuus.
se, että se toimii kaikissa tärkeimmissä käyttöjärjestelmissä, ei luultavasti haittaa sekään.
lisäominaisuudet:
Notepad++
Hinta: Ilmainen
tämä mahtava pala ohjelmisto on yksi minun henkilökohtainen ase valinta ja olen maininnut sen muissa paikoissa ennen. Se on erittäin kätevä ja ilmainen työkalu tehdä nopeita muokkauksia tahansa WordPress tiedosto.
Notepad++ ei kuitenkaan ole vain aloittelijoille ja satunnaiselle koodaamiselle, vaan sitä käyttävät myös maailmanluokan Kehittäjät.
ominaisuuksia ovat muun muassa PHP: n, JS: n, HTML: n, CSS: n ja useiden muiden kielten syntaksikorostus, haku ja korvaaminen sekä automaattitäydennys.
sen lisäksi Notepad++: aa voi laajentaa liitännäisten kautta — esimerkiksi yhteyden muodostamiseksi suoraan FTP: n kautta ja paljon muuta. Ainoa haittapuoli on, että se toimii vain Windows. Anteeksi, Applen ja Linuxin käyttäjät.
lisäominaisuudet:
CoffeeCup
hinta: $69
mistähän koodieditorin Kahviviittaukset johtuvat? Se on jo toinen.
joka tapauksessa CoffeeCup on ennen kaikkea tehty HTML / CSS: lle ja rajoitettu näihin kahteen kieleen sekä PHP: hen ja Markdowniin. Pidä tämä mielessä ennen ostamista. Se on myös vain toimii Windows ja Mac OS
kuitenkin, toisaalta se tulee tehokas koodi automaattitäydennys, syntaksin korostus ja validointi, on valmis semanttinen koodi, ja synkronoi tiedostoja helposti FTP.
ilmaisen kokeiluversion avulla voit selvittää, onko siinä kaikki, mitä etsit.
lisäominaisuudet:
suluissa
Hinta: Free
suluissa on erittäin mielenkiintoinen tuote paitsi siksi, että se on vapaa ja avoin lähdekoodi. Kun Adobe on sen tekijä, sillä on myös iso nimi takana.
tämä koodieditori on selvästi suunnattu suunnittelutaustaisille henkilöille. Yksi sen tyylikkäimmistä ominaisuuksista on kyky kääntää mittaukset, mitat, tyylit ja muut muotoiluelementit Photoshop-tiedostojen sisällä suoraan CSS: ään.
sen lisäksi, että se on myös hyvin muokattavissa kautta kasvava kirjasto laajennuksia ja tukee kaikkia suuria käyttöjärjestelmä.
lisäominaisuudet:
Inline editors
Coda
hinta: $99
Coda on toinen Mac-vain merkintä ja hyvin suosittu sellainen. Osasyy voi olla sen puhdas ja hyvin järjestetty käyttöliittymä, joka tarjoaa kaiken mitä tarvitset rakentaa sivustoja yhdessä näytössä.
se tarjoaa myös tavanomaiset asetteluvaihtoehdot koodin luettavuuden parantamiseksi (syntaksin korostus, koodin taitto ja sisennys) sekä projektinlaajuisen automaattitäydennyksen ja tunnisteen automaattisen sulkemisen.
mikä on siistiä on, että sen avulla voit muokata paikallisia ja etätiedostoja samalla tavalla, ja helposti muodostaa yhteyden ulkoisiin lähteisiin ja palvelimiin. Sen lisäksi, että se tulee myös iPad kumppani nimeltään Diet Coda (katso mitä he tekivät siellä?).
lisäominaisuudet:
ICEcoder
Price: Free
listan viimeinen merkintä on varsin mielenkiintoinen, koska se toimii suoraan selaimesi sisällä. Sen lisäksi, että se tekee siitä käyttökelpoisen missä tahansa käyttöjärjestelmässä, voit myös natiivisti hyödyntää selainteknologioita, kuten tabbingia.
ohjelma tukee HTML5, CSS3, PHP, JS, ja sen jälkeen, voidaan käyttää verkossa tai paikallisesti, tarjoaa tukea tyyppi vahvistimet kuten Emmet, on koodi vihjeitä ja koodin vertailutyökaluja sekä phpMyAdmin kaltainen tietokannan hallinta.
lisäominaisuudet:
Themes
mikä on haluamasi koodieditori?
monipuolinen koodieditori on yksi tärkeimmistä työkaluista kaikille, jotka ovat mukana kehittämässä (tai pelkästään puuhastelemassa) WordPress-alustaa.
kyky muokata keskeisiä tiedostoja, malleja, tyylilehtiä, ja enemmän on ensiarvoisen tärkeää räätälöidä WordPress sivustoja ja tehdä WordPress Oman.
vaikka mikä tahansa tekstieditori teoriassa tekee niin, erikoistuneet ohjelmat voivat vakavasti virtaviivaistaa työnkulkua.
parannetut luettavuus-ja asetteluvaihtoehdot, suorat FTP-yhteydet, haku ja vaihto, automaattinen täydennys ja versionhallinta ovat vain muutamia tapoja, joilla nämä ohjelmat helpottavat työskentelyä.
sen päättäminen, kumpi on oikea koodieditorisi, riippuu viime kädessä siitä, mitä tarvitset ja haluat.