2.2 Edistyneet tekstieditorit

Kurssilla käytetään edistynyttä tekstieditoria (koodieditoria), joista esimerkkejä näet seuraavaksi. HTML-, CSS- ja muita koodauksen käsittelyyn erityisesti tarkoitettuja editoreita on tarjolla täysin ilmaiseksi useita. Edistyneissä editoreissa koodimerkkaus tulostuu eri väreillä, joten se helpottaa käskyjen erottamista tekstisisällöstä ja siinä piileekin niiden voima perinteisiin tekstieditoreihin, kuten Windowsin Muistio, verrattuna. Lisäksi useissa koodieditoreissa on projektinäkymä, jossa näkyy kaikki WordPress-asennuksen tiedostot.

Edistyneitä tekstieditoreita.

Notepad++

Notepad++ on nimensä mukaisesti Windowsin Notepad -ohjelman edistyneempi avoimen lähdekoodin ohjelmisto, joka soveltuu erinomaisesti kaikenlaisen ohjelmakoodin muokkaamiseen. Editorissa on huomattavasti visuaalisempi käyttöliittymä, kuin Windowsin Notepadissa. Koodit ovat värillisiä ja esimerkiksi div elementtien päättämiset voi tarkistaa vaivatta, sillä klikatessa aloitustagia tagin lopputagi vahvenee.

Notepad++ käyttöliittymä.
Notepad++ käyttöliittymä.
Notepad++ ohjelma soveltuu todella hienosti kaikenlaisen ohjelmakoodin muokkaamiseen.
Notepad++ ohjelma soveltuu todella hienosti kaikenlaisen ohjelmakoodin muokkaamiseen.

NP++ tukee yhtä aikaa auki olevien tallennettujen tiedostojen kokonaisuuden tallentamista istuntona, jolloin samaan projektiin kuuluvat tiedostot on helppo avata seuraavalla kerralla samaan tilanteeseen. Muita ohjelman tukemia ominaisuuksia ovat muun muassa: tuki lukuisille merkistökoodauksille, ohjelmakoodin sisennys, lohkojen piilottaminen (folding), edistyneet etsi- ja korvaa-toiminnot, valitun sanan korostaminen kaikkialla tiedostossa.

Ohjelmassa voit myös kopioida tai siirtää tiedoston rinnakkaiseen näkymään mikä on todella hyödyllinen toiminto monessa tilanteessa, jos esimerkiksi haluat vertailla kahden tiedoston koodia keskenään.

Sublime text

Sublime text on yksi varteenotettava ehdokas kaikenlaiseen ohjelmakoodin muokkaamiseen. Ohjelmassa on koodin korostus ja muita hyödyllisiä visuaalisuuteen vaikuttavia ominaisuuksia.

Sublime Text -koodieditorin käyttöliittymä.
Sublime Text -koodieditorin käyttöliittymä.
Sublime Text edistynyt koodieditori.
Sublime Text edistynyt koodieditori.

Sublime text 3 edistyneen editorin erityisominaisuus on koodin pienoiskuva, joka näkyy kuvankaappauksen oikealla puolella. Editorissa saa näkyviin myös avoinna olevien tiedostojen luettelon näkymän vasemmalle puolelle.

Ohjelman toimintaa pystyy myös modifioimaan monin tavoin. Itse en ole editoria paljoa käyttänyt, joten en osaa tämän enempää siitä kertoa. Kannattaa kuitenkin kokeilla, jos ohjelman käyttöliittymä miellyttää.

Visual Studio Code

Visual Studio Code on Microsoftin kehittämä koodieditoriohjelmisto, jota käytämme editorina tällä kurssilla. Ohjelmisto perustuu avoimeen lähdekoodiin ja se on erityisesti ohjelmoijille tarkoitettu tekstieditori. Ohjelmiston voi asentaa Linux, MacOS ja Windows käyttöjärjestelmiin. Ohjelmassa on tuki virheenkorjaukselle, Git-versionhallinnalle, syntaksin korostukselle, automaattiselle koodin täydennykselle ja paljon muuta. Ohjelmistoon voidaan lisätä myös Microsoftin Copilot AI, jonka avulla voidaan esimerkiksi luoda tiedostojen koodaukset.

Visual Studio Code ohjelmisto. Lataa ohjelmisto siirtymällä lataussivustolle.
Visual Studio Code ohjelmisto. Lataa ohjelmisto siirtymällä lataussivustolle. Klikkaa logoa.