Kumpi koodieditori on parempi? Tekstieditorit ohjelmoijille - ohjelmointityökalut

Tervehdys lukijat! Tänään puhumme aiheesta paras tekstieditori koodin korostuksella - Notepad++- tämä on suosituin ilmainen editori koodi. Notepad++ on Sveitsiläinen veitsi webmaster - kätevä, luotettava ja monikäyttöinen.

Miksi Notepad++ on niin hyvä, että se sai niin monia imartelevia epiteettejä jo artikkelin alussa:

• Täysin ilmainen, mikä sinänsä on yllättävää tämän kaliiperin ohjelmalle.
• Tuki venäjän kielelle oletusarvoisesti, ylimääräisiä venäläisohjelmia ei tarvitse asentaa.
• Tunnistus ja syntaksin korostus yli 50 (!!!) ohjelmointikielestä: c/c++, c#, html, php, java, javascript, shell, SQL ja monet muut. Jotkut, joista en ole koskaan edes kuullut.
• Nopea ja kätevä asiakirjan koodauksen vaihto. Kahdella napsautuksella se muuttaa lukemattoman hölynpölyn venäläisiksi sanoiksi.
• Tuki kirjanmerkeille, joiden avulla voit avata useita tiedostoja kerralla yhdessä muokkausikkunassa. Tulee mieleen selain.
• Tapahtumahistorian säilyttäminen - peruuta niin paljon kuin haluat viimeaikaiset toimet, ja jos olet vierittänyt liian pitkälle, tule takaisin, eteenpäin!
• Koodin kanssa työskentelyn helppous: syntaksin korostus, rivien numerointi, koodielementtien välisen suhteen visuaalinen näyttö, kyky kutistaa koodilohko.
• Joustava ja monikäyttöinen haku.
• Toiminnan laajentaminen pluginien avulla. Esimerkiksi sisäänrakennettu NppFTP-laajennus mahdollistaa Notepad++:n käytön ftp asiakas.

Ja nämä ovat vain pinnalla olevia herkkuja, ja käytät niitä koko ajan. Jos kaivaat syvemmälle, et ylläty, jos voit vetää siitä jopa kanin.

Puhutaan nyt kaikesta järjestyksessä.

Notepad++ tekstieditorin asentaminen

Jos haluat asentaa jotain, sinun on ensin ladattava se. Joten Notepad++ voidaan ladata viralliselta kehittäjäsivustolta täysin ilmaiseksi.

Asennusohjelma on yksi pieni tiedosto, jonka tunniste on .exe. Käynnistä se tietokoneellasi ja seuraa asennusohjelman ohjeita. Tässä ei ole mitään monimutkaista, älä vain unohda valita venäjää.

Tietenkin, jos sinulla on oma verkkosivusto, sinun on useimmiten muokattava tiedostoa kielillä php ohjelmointi ja html. Tarkastellaan editori-ikkunaa, jossa on avoinna php-tiedosto.

Useille kokeneita käyttäjiä Käyttöliittymä vaikuttaa intuitiiviselta ja sen kuvaus tarpeettomalta, mutta ota huomioon aloittelijat. Luulen, että he ovat kiinnostuneita lukemaan sen.

1. Otsikko - näyttää tiedoston nimen ja sen sijainnin osoitteen.
2. Päävalikko - kaikki editorin ominaisuudet on piilotettu tähän.
3. Pikapainikkeet - jotta et uppoutuisi päävalikkoon, useimmin käytetyt toiminnot on sijoitettu painikkeiksi Notepad++ -editorin etupaneeliin mukavuuden vuoksi.
4. Kirjanmerkit - jokainen muokattavaksi avattu tiedosto näkyy omalla välilehdellä. Tämä muistuttaa työskentelyä selaimen kanssa. Jos levykekuvake kirjanmerkin otsikossa on punainen, niin viimeiset muutokset ei ole tallennettu tiedostoon. Jos se on sininen, se tarkoittaa, että se on tallennettu. uusin versio asiakirja.
5. Rivien numerointi on erittäin hyödyllinen asia. Useimmissa tapauksissa virheet tunnistetaan sen rivinumeron perusteella, joka sisältää virheen. Rivinumerointia käyttämällä sen löytäminen ei ole vaikeaa.
6. Mahdollisuus tiivistää osa koodista. Erittäin hyödyllinen ominaisuus, kun koodi kasvaa liian suureksi. Käärimme vain osan siitä, jotta sen kanssa on helpompi työskennellä.
7. Pisteviiva yhdistää toisiinsa liittyvät koodielementit – meidän tapauksessamme avaus- ja sulkemistunnisteet.
8. Koodin syntaksin korostus vaihtelee ohjelmointikielen mukaan.

Notepad++:n lisäominaisuudet

Syntaksin korostuksen määrittäminen.

Jos olet aiemmin työskennellyt jonkin muun koodieditorin kanssa ja olet tottunut sen syntaksin korostamiseen, voit siirtää sen helposti tekstieditoriin Muistioeditori++. Syntaksin korostus määritetään "Asetukset" - "Tyylien määrittely..." -osiossa.

Valittavana on 15 eri tyyliä jokaiseen makuun. Jos mikään niistä ei sovi sinulle, voit aina luoda oman ainutlaatuisen tyylisi.

Toimintojen järjestys tässä tapauksessa on seuraava:

• Valitse ensimmäisessä sarakkeessa kieli, jolle asetamme tyylin.
• Valitse toisesta sarakkeesta kielielementti.
• Seuraavaksi asetamme tämän elementin värin ja fontin.

Asiakirjojen vertailu – Vertaa-laajennus.

Vertaa-laajennus vastaa asiakirjojen vertailutoiminnosta. Se ei ole oletuksena mukana Notepad++:ssa, joten se on asennettava erikseen. Se vie hyvin vähän aikaa, ja samalla opit asentamaan uusia laajennuksia.

Siirry seuraavaan polkuun: "Plugins" - "Plagin Manager" - "Näytä Plagin Manager". Plugin Manager -ikkuna tulee näkyviin. Tässä on luettelo kaikista saatavilla olevista Notepad++-laajennuksista järjestettynä Aakkosjärjestys. Olemme kiinnostuneita Vertaamisesta.

Valitse Vertaa-kohdan vieressä oleva valintaruutu ja napsauta "Asenna". Lisäosan lataus ja asennus alkaa, minkä jälkeen Notepad++ tulee käynnistää uudelleen. Siinä kaikki, Vertaa on nyt saatavilla Plugins-osiossa.

Nykyisen asiakirjan ja viereisen välilehden asiakirjan sisältöä verrataan. Aloita vertailu käyttämällä kohtaa "Plugins" - "Vertaa" - "Vertaa" tai pikanäppäintä Alt + D.

Voit peruuttaa vertailun käyttämällä "Claer Results" -kohtaa tai yhdistelmää Ctrl+Alt+D.

Tämä editori, jossa on koodin syntaksin korostus, tarjoaa automaattisen täydennysominaisuuden. Se koostuu siitä, että Notepad++ tarjoaa aloitetun sanan mahdollisia päätteitä. Oletuksena tämä toiminto roikkuu Ctrl+välilyöntinäppäinten päällä, mutta voit tehdä siitä täysin automaattisen. Voit tehdä tämän siirtymällä "Asetukset" - "Asetukset" -osioon, siirtymällä "Varaa/automaattinen täydennys" -välilehteen ja valitsemalla "Ota käyttöön jokaiselle syötteelle" -valintaruutu. Voit myös määrittää, mistä merkistä alkaen sanan päätevaihtoehtoja tarjotaan.

Samassa asetusosiossa voit ottaa käyttöön varmuuskopioida tiedostot jokaiselle palomiehelle. Vaikka en itse käytä sitä.

Lisätään parillisia tunnisteita.

TextFX Characters -laajennus vastaa parillisten tunnisteiden nopeasta lisäämisestä. Se ei tule vakio Notepad++ -kokoonpanon mukana, ja se asennetaan erikseen Plugin Managerin kautta. Itse asiassa siinä on monia muita toimintoja, mutta henkilökohtaisesti käytän vain tätä.

Itselleen hän jopa luo erillisen kohteen päävalikkoon - TextFX. Meidän pitäisi ottaa käyttöön seuraava vaihtoehto: "TextFX" - "TextFX Settigs" - "Autoclose XHTML/XML.

Nyt, kun olet syöttänyt aloitustunnisteen, sulkeva tagi tulee näkyviin automaattisesti. Pidä vain mielessä tämä toiminto toimii asiakirjoissa, joissa on .html- ja .xml-oikeudet php tiedosto näin ei tapahdu.

Etsi ja vaihda.

Voit avata haun käyttämällä samannimistä valikkokohtaa tai pikanäppäintä Ctr+F.

Välilehtiä on 4 ja vastaavasti sama määrä hakutoimintoja:

1. Haku - suunniteltu etsimään nykyisestä asiakirjasta.
2. Korvaa—hae ja korvaa nykyisessä asiakirjassa.
3. Etsi/korvaa tiedostolla tietystä hakemistosta.
4. Hae muistiinpanojen mukaan.

Jokaisella hakutilalla on omat asetukset, mikä lisää joustavuutta. Lisäksi on tukea säännöllisiä lausekkeita, ja taitavissa käsissä he ovat erittäin voimakas työkalu. Kyllä, kaikki eivät voi ylpeillä tällaisesta monitoimisesta ja syvällisestä hausta. Tiedostonhallinta, puhumattakaan ilmaisista tekstieditoreista, joissa on koodisyntaksin korostus.

Koodauksen määrittäminen.

Useimmiten tarve muuttaa tiedoston koodausta liittyy venäläisten kirjainten virheelliseen näyttöön. Valitse tässä tapauksessa "Koodaus" -osiossa "Koodaa UTF-8:lla ilman tuoteluetteloa" -kohta.

Näin kaksi hiiren napsautusta muuttaa koodauksen tavallisesta ANSI:sta UTF-8:aan ilman BOM:ia. Älä unohda tallentaa tiedostoa muutosten tekemisen jälkeen.

Light Explorer - kätevä katalogi tiedostot

Tässä on toinen loistava kevyt laajennus - Light Explorer. Asennettu vakiona sisäänrakennetun Plugin Managerin kautta. Voit painaa Alt+A-näppäinyhdistelmää avataksesi tietokoneesi hakemistopuun vasemmassa sarakkeessa.

Auttaa sinua löytämään nopeasti tarvitsemasi tiedostot tietokoneeltasi ja avaamaan ne muokkausta varten.

Sisäänrakennettu ftp-asiakas - NppFTP-laajennus.

Notepad++:ssa NppFTP-laajennus on oletuksena saatavilla, mikä toimii ftp-toiminto asiakas. Tämän avulla voit käsitellä palvelimella olevia tiedostoja turvautumatta kolmannen osapuolen ftp-asiakkaisiin. Säästää arvokasta aikaa. Vaikka olen edelleen mieluummin käyttää .

Voit ottaa ftp-asiakkaan käyttöön "Näytä NppFTP-ikkuna" -painikkeella. Oikealla oleva sarake tulee näkyviin.

Siirry profiilin asetuksiin.

Napsauta näkyviin tulevassa ikkunassa "Lisää uusi" ja kirjoita uuden profiilin nimi. Seuraavaksi tämä profiili tulee määrittää.

Syötä seuraavat tiedot:

• Isäntänimi - sen palvelimen osoite, johon muodostamme yhteyden.
• Käyttäjätunnus, salasana — tilin nimi ja salasana.

Isännöitsijän on annettava sinulle kaikki nämä tiedot. Napsauta sen jälkeen "Sulje".

Nyt voit muodostaa yhteyden ftp:hen ja käsitellä siinä olevia tiedostoja.

Ilmaisessa tekstieditorissa, jossa on koodisyntaksin korostus Notepad++, on paljon toimintoja. Näet tämän katsomalla saatavilla olevien laajennusten määrää. Tässä artikkelissa olen käsitellyt vain niitä, joita käytetään useimmin käytännössä. Haluaisin todella kuulla, mitä muita lisäosia lukijani käyttävät. Joten älä ole ujo, kommentoi.

Siinä kaikki. Kiitos huomiostasi! Pidä itsestäsi huolta!

Hei rakkaat blogisivuston lukijat. Tänään tarkastelemme yhtä parhaista tekstieditoreista, Notepad++:sta, jossa on monia hyödyllisiä ominaisuuksia ja joka on yksi eniten käyttämistäni ohjelmista html-, css- ja php koodi. Ja yleensä tämä editori on suosittu monien ohjelmoijien ja kehittäjien keskuudessa.

Mainitsin artikkelissa, että web-sivuja voidaan luoda jopa Windowsin sisäänrakennetulla Notepadilla. Mutta luo html ja css-tiedostoja muistikirjassa se on käytännössä sama kuin kaivamalla kuoppa kaivutikulla. Muistiossa ei ole mitään muuta kuin kyky luoda ja tarkastella tekstitiedostoja.

Kun alat käyttää Notepadia tiedostojen korjaamiseen html-, css-, php- ja muilla koodeilla, säästät paljon aikaa ja hermoja. Aluksi tämän editorin käyttö voi tietysti tuntua hieman vaikealta. Mutta jos opit käyttämään ainakin Notepad++:n perusominaisuuksia, sinun on vaikea tehdä ilman sitä.

Muistiolla on merkittäviä etuja verrattuna tavalliseen Windows-muistioon, mutta myös muihin monimutkaisempiin ohjelmiin, joilla voit kirjoittaa ja muokata erilaisia ​​koodeja. Jos esimerkiksi vertaat Notepad++:aa suosittu ohjelma Dreamweaver-sivustojen suunnittelussa sillä on monia etuja. Ensinnäkin Notepad++ on täysin ilmainen. Ja toiseksi, paljon helpompaa ja nopeampaa. Yleensä voit käyttää sitä asentamatta sitä Windows-käyttöjärjestelmään, jos käytät sitä kannettava versio Muistio++, jonka avulla voit laittaa ohjelman flash-asemaan ja kuljettaa sitä aina mukanasi.

Puhutaan nyt kaikesta tarkemmin.

Notepad++-editorin asentaminen, sen ominaisuudet ja kokoonpano

Lataa tekstieditori Notepad++ on ehdottomasti ilmaiseksi Voit tehdä sen viralliselta verkkosivustolta käyttämällä tätä linkkiä. Ladattu paketti sisältää useita kieliä, mukaan lukien venäjän.

Ohjelman asennus leikkaussaliin Windows-järjestelmä tapahtuu täysin tavallisella tavalla:

• kaksoisnapsauta ladattua tiedostoa hiiren vasemmalla painikkeella, asennus alkaa;
• valitse avautuvasta ikkunasta haluamasi kieli;
• paina sitten Seuraava useita kertoja hyväksyen lisenssisopimus valitsemalla asennuskansio ja asennettavat komponentit;
• napsauta sitten asenna, odota muutama sekunti ja Notepad ++ on asennettu.

Tarvittaessa voit ladata Notepad++ Portablen, joka on kannettava versio tämä tekstieditori, joka ei vaadi asennusta.

Käydään nyt läpi tämän tekstieditorin ominaisuudet:

1. Ensimmäinen asia, joka kiinnittää huomiosi, on se, että Notepad++ on tekstieditori syntaksin korostuksella useita kymmeniä suosituimpia ohjelmointikieliä, mukaan lukien HTML, CSS, JavaScript ja PHP. Katso täydellinen lista kielet, joille muistilehtiö voi korostaa syntaksia ja voit valita haluamasi kielen ohjelman ylävalikosta "Syntaksi"-välilehdellä:

Jos esimerkiksi asetat taustavalo html-koodi , se näyttää suunnilleen tältä:

Kuvasta näkyy, että tunnisteet on korostettu sinisellä, määritteet punaisella ja pelkkä teksti mustalla. Tämä on erittäin kätevää, kun muokkaat koodia ja etsit siitä virheitä. Tarvittaessa voit määrittää syntaksin korostuksen valikossa "Asetukset" - "Määritä tyylit". Näyttöön tulee ikkuna, jossa voit määrittää fontin ja syntaksin korostuksen tarvitsemasi kielelle:

Jos haluttu kieli ei, voit muokata korostusta samassa "Syntaksi"-valikossa, siellä on kohta "Aseta kieli":

Määritä näkyviin tulevassa ikkunassa kielten avainsanojen luettelot ja määritä niiden näyttötyylit. Listalla olevat kielet ovat aina riittäneet minulle, joten en perehtynyt tähän toimintoon sen tarkemmin.

Varsinaisen korostuksen lisäksi kaikille näille kielille koodi on jaettu lohkoihin, jotka voidaan tiivistää ja laajentaa käyttämällä miinus- ja pluspainikkeita, vastaavasti. Myös elementtien välinen yhteys on korostettu katkoviivalla. Ja jos esimerkiksi asetat kohdistimen aukkoon html-tunniste, ei vain se, vaan myös siihen liittyvä päätöstunniste korostetaan sinisellä:

Notepad++ voi myös ketjuttaa avattavat ja sulkevat sulut ja erottaa toiminnot erillisiksi lohkoiksi. Kaikki tämä auttaa erittäin hyvin navigoimaan koodissa ja yksinkertaistaa huomattavasti sulkemattomien hakasulkeiden ja tunnisteiden etsimistä ohjelman tekstistä.

2. Usein tapahtuu, että kirjoitettaessa jotain koodia unohdamme kirjoittaa tämän tai toisen HTML-tunnisteen tai PHP-operaattori. Tämän ongelman ratkaisemiseksi Notepad++-tekstieditori on ottanut käyttöön toiminnon työkaluvihjeitä Ja automaattinen täydennys kirjoitettava sana. Vihje tulee näkyviin pikanäppäimellä “Ctrl+Space”, ja sinun tarvitsee vain valita oikea vaihtoehto ehdotetusta listasta:

Voit ottaa työkaluvihjeiden automaattisen näytön käyttöön ilman pikanäppäimiä. Voit tehdä tämän napsauttamalla valikkoa "Asetukset" - "Asetukset", siirry avautuvassa ikkunassa "Automaattinen täydennys" -välilehteen ja valitse "Ota käyttöön jokaisessa syötteessä" -kohdan vieressä oleva valintaruutu:

Samassa ikkunassa voit ottaa käyttöön sulkevien HTML-tunnisteiden, hakasulkeiden ja lainausmerkkien automaattisen lisäyksen.

3. NotePad ++ tekee siitä erittäin helppoa muuta koodausta tiedosto. Jos esimerkiksi haluat asentaa nyt suositun UTF-8-koodauksen ilman tuoteluetteloa, voit tehdä tämän siirtymällä päävalikon "Koodaukset" -välilehteen ja napsauttamalla "Muunna UTF-8:ksi ilman tuoteluetteloa" -kohtaa. tallenna tiedosto:

4. Notepad++:n avulla voit avata ja muokata useita tiedostoja kerralla, toisin kuin tavallinen muistilehtiö. Tätä varten hän käyttää kirjanmerkit, joka muistuttaa nykyaikaisia ​​Internet-selaimia. Joten jokaisella avoimella tiedostolla on oma kirjanmerkki, jossa tiedoston nimi ilmoitetaan ja levykkeen kuva on sijoitettu:

Levyke voi olla sininen tai punainen. Levykkeen väri kertoo, onko tiedostoon tehty muutoksia tallennettu vai ei:

• sininen levyke - tiedosto tallennettu;
• punainen – muutoksia ei tallennettu.

Avoimia tiedostoja sisältävät välilehdet voidaan sulkea, vetää ja järjestää missä tahansa järjestyksessä. Asetusten avulla voit saada välilehdet näkymään pystysuunnassa tai piilottaa ne kokonaan, kieltää vetämisen ja määrittää välilehtien sulkemisen tuplaklikkaus hiiret. Kaikki nämä asetukset löytyvät "Asetukset"-välilehden "Asetukset"-painikkeesta:

Näyttöön tulee asetusikkuna, jossa "Yleiset"-osiossa "Välilehtipalkki"-asetusryhmässä voit valita tai poistaa valinnan tarvittavista ruuduista:

Lisäksi tällä editorilla on kyky avaa kaksi kopiota samasta asiakirjasta kerralla. Voit tehdä tämän napsauttamalla hiiren kakkospainikkeella välilehteä tarvittava tiedosto ja valitse "Kopioi toiselle alueelle":

Tämän jälkeen avautuu toinen välilehti tämän asiakirjan kanssa:

Jokaisella kirjanmerkillä on mahdollisuus lisätä muistiinpanoja tai muistiinpanoja. Ne nopeuttavat tiedostonavigointia ja etsivät tärkeitä koodinpätkiä tiedostoista iso määrä rivit. Luo merkki vasempaan kenttään haluttua viivaa vastapäätä napsauttamalla hiirtä asettaaksesi merkin sinisen pisteen muodossa:

Nyt painamalla “F2”-näppäintä kursori siirtyy nuottien välillä - siniset merkit.

5. Pidän tarpeellisena huomata, että Notepad++-editori on erittäin kätevä tekstihaku miten sisään avaa tiedosto, ja useissa tiedostoissa, jotka sijaitsevat kohteessa tietty kansio. Haussa on mahdollista käyttää säännöllisiä lausekkeita, mikä voi olla tehokas työkalu oikeissa käsissä. Voit myös etsiä ja korvata. Yhdessä etsiminen ja korvaaminen sekä säännölliset lausekkeet voivat nopeuttaa merkittävästi tekstiasiakirjojen muokkaamista.

Toiminto tekstihaku voidaan kutsua käyttämällä ylävalikko"Haku", jossa hakutyyppi valitaan, tai käyttämällä pikanäppäinyhdistelmää "Ctrl+F", joka avaa vastaavan ikkunan hakuasetuksineen:

Valitse avautuvasta ikkunasta kirjanmerkki tarpeellinen toimenpide("Etsi", "Korvaa", "Hae tiedostoista" tai "Marks") ja aseta parametrit.

6. Usein työskennellessäsi html-tiedosto, täytyy nähdä, miltä se näyttää selaimessa. Tätä varten Notepad++:lla on mahdollisuus tarkastella html-sivuja selaimissa Internet Explorer, Firefox, Chrome ja Safari. Voit suorittaa tämän toiminnon napsauttamalla ylävalikon "Suorita" -painiketta ja valitsemalla koodin suorittamisen haluamassasi selaimessa:

Lisäksi kyseisessä editorissa voit valita minkä tahansa php-koodin fragmentin ja napsauttaa "Suorita" - " Hanki php ohje", jonka jälkeen Notepad++ ohjaa sinut http://php.net-verkkosivustolle, jossa on kuvaus tästä koodista.

Samassa "Käynnistä"-valikon välilehdessä on mahdollista etsiä valittuja tekstinpätkiä hakukone Google ja verkkotietosanakirja Wikipedia. Voit tehdä tämän valitsemalla tekstin ja painamalla painiketta " Google haku" tai "Wikipedia-haku" ja sinut ohjataan automaattisesti hakutuloksia sisältävälle Google- tai Wikipedia-verkkosivustolle. Totta, kaikkia näitä toimia varten tarvitset Internet-yhteyden.

7. Kun muokkaat tiedostoja, Notepad++ muistaa kaikki tekemäsi muutokset. Siksi voit milloin tahansa peruuttaa suoritetun toiminnon ( ota askel taaksepäin). Lisäksi voit peruuttaa niin monta askelta taaksepäin tai eteenpäin kuin haluat, joten voit tehdä muutoksia koodiin ilman peruuttamattomien seurausten riskiä.

Voit rullata edestakaisin käyttämällä ylävalikon Muokkaa-välilehden Kumoa- ja Toista-kohteita tai työkalupalkin kaarevien nuolien painikkeita (jos muutoksia on tehty, nuolet ovat värillinen vihreä):

Voit myös kumota toimintoja pikanäppäimillä:

• CTRL + Z - askel taaksepäin, analogisesti "Peruuta" -kohdan kanssa;
• CTRL + Y - askel eteenpäin, analogisesti "Toista" -kohdan kanssa;

Tärkeä asia on, että Notepad++ tarkkailee jatkuvasti siinä avattujen tiedostojen tilaa ja jos joku muu ohjelma muuttaa niitä tai ne poistetaan, editori näyttää varoituksen, että tiedosto on muokannut toisella ohjelmalla ja kehottaa sinua päivittämään sen. :

8. Voit laajentaa Notepad++-testieditorin ominaisuuksia useilla eri tavoilla laajennuksia. Jotkut on asennettu oletusarvoisesti, ja loput voidaan asentaa sisäänrakennetun laajennusten hallinnan avulla, joka kutsutaan ylävalikosta, välilehdeltä "Plugins" - "Plugin Manager" - "Näytä laajennusten hallinta":

"Plugin Manager" -ikkuna avautuu, jonka ensimmäinen välilehti sisältää luettelon saatavilla olevista laajennuksista. Asennusta varten tarvittava laajennus valitse sen vieressä oleva valintaruutu ja napsauta "Asenna" -painiketta.

Lisäosien avulla voit vertailla tiedostoja, tarkistaa kieliopin, upottaa FTP:n ja yleensä muuttaa tavallisen tekstieditorin tehokkaaksi työkaluksi verkkosivustojen luomiseen.

Yritän kuvata laajennusten ominaisuuksia yksityiskohtaisesti yhdessä seuraavista artikkeleista, joten älä unohda tilata blogipäivitykset. Nähdään taas!

Jokainen web-suunnittelija ja koodaaja tarvitsee hyvän web-sivueditorin luodakseen ja HTML-muokkaus, CSS ja JavaScript-koodi. Muistio (Windows) ja TextEdit (Mac) - hienot työkalut aluksi, mutta heti kun saat kokemusta, haluat käyttää vankkaampaa ja kätevämpää työkalua.

On satoja erinomaisia ​​toimittajia, joista voit valita oikean, mutta monet niistä ovat maksullisia. Ja jos et halua rikkoa tekijänoikeuksia, mutta budjetillasi ei ole varoja ostaa kaupallinen tuote? Tässä artikkelissa tarkastellaan hienoja ilmaisia ​​​​editoreja.

• WYSIWYG-toimittajat. Nämä ovat graafisia muokkausohjelmia, joiden avulla voit rakentaa sivun asettelun ja asettaa tyylejä visuaalisesti, kuten tunnetussa tekstinkäsittelyohjelmassa MS Wordissa. He ovat kätevä työkalu sivusuunnittelun rakentamiseen, vaikka, kuten jokainen kokenut web-suunnittelija tietää, koodia on silti "kampattava" erinomaisen tuloksen saavuttamiseksi.
• Tekstieditorit. Tämä on työkalu suoraan HTML- ja CSS-koodin muokkaamiseen. Jotkut editorit ovat yleiskäyttöisiä, eikä niillä ole erikoisvaihtoehdot verkkokoodin tuki. Toiset ovat erikoistuneet käyttämään verkkokieliä, kuten HTML, CSS, JavaScript ja PHP, ja niissä on sisäänrakennetut ominaisuudet nopea syöttö HTML-tunnisteet, CSS-ominaisuudet ja niin edelleen. Monet näistä editoreista antavat sinun tarkastella web-sivua erillinen ikkuna.

KompoZer (Windows, Mac, Linux)

KompoZer - loistava valinta jos tarvitset visuaalinen editori rajoitetulla budjetilla

Komodo Edit on hyvä editori, helppo oppia, mutta tehokas ja laajennettava

Vaikka tämä on editori yleinen tarkoitus, se tukee HTML:ää ja CSS:ää, ja sillä on ominaisuus kontekstuaaliseen HTML-tunnisteiden automaattiseen täydennykseen ja CSS-ominaisuudet, sekä kokoelma koodilisäyksiä erilaisille HTML-elementtejä. Saadaksesi kaikki irti Komodosta, sinun on asennettava HTML Toolkit -laajennus, joka sisältää upeita ominaisuuksia, kuten automaattisen sulkemisen tagit, esikatselu kirjoita CSS ja väliaikainen tekstigeneraattori.

Komodo Edit -sovelluksella voit tarkastella muokattavia sivuja millä tahansa asennettu selain, tai käytä sisäänrakennettua selainta erillisessä ikkunassa, jotta voit muokata ja nähdä muutosten tulokset samanaikaisesti.

Editorissa on sisäänrakennettu toiminto tiedostojen lataamiseksi sivustolle (FTP, FTPS, SFTP tai SCP), ja voit myös ryhmitellä tiedostosi siististi käyttämällä projektipäällikkövaihtoehtoa.

Erittäin hyödyllinen ominaisuus Koodi > Valitse Estä. Se korostaa nykyisen HTML-päälohkon, esimerkiksi nykyisen suljetun div-elementti tai ul. Erittäin kätevä toiminto kun sinun on valittava koko sivun osa kopioitavaksi tai siirrettäväksi.

Komodo Editissä on paljon tehokkaita ja hyödyllisiä ominaisuuksia, kuten säännöllisten lausekkeiden käyttö etsimiseen/korvaamiseen, kyky suorittaa ulkoisia komentoja, ja niin edelleen. Onneksi toimittajalla on myös hyvä apujärjestelmä, mikä tekee Komodo Editin voiman hyödyntämisestä helppoa.

Aptana Studio (Windows, Mac, Linux)

Aptana Studio on täydellinen integroitu verkkosovelluskehitysympäristö iso setti laajennuksia. Vaikka voit käyttää sitä vain HTML/CSS/JavaScript-koodieditorina

Notepad++ on loistava korvike Notepadille Windowsissa. Vaikka siinä ei ole niin monta vaihtoehtoa kuin muissa muokkausohjelmissa, se sopii erinomaisesti HTML-, CSS-, JavaScript- ja muiden kooditiedostojen muokkaamiseen

PSPad on toinen yleiskäyttöinen Windows-editori, jossa on laaja valikoima ominaisuuksia, jotka ovat hyödyllisiä HTML- ja CSS-koodaajille

jEdit on monialustainen tekstieditori, jossa on tehokkaat makrokomento- ja laajennusominaisuudet. Asenna XML-laajennus, jos haluat muokata verkkosivuja

TextWrangler on kevyt yleiskäyttöinen editori. Huolimatta siitä, että verkkokehitykseen ei ole erityisiä toimintoja, sitä voidaan käyttää web-sivujen kanssa työskentelyyn.

Vim on varmasti vaikea oppia, mutta kun olet ohittanut haasteet, et koskaan halua palata takaisin!

Ohjelmoijien tekstieditorien isoisä Vim (vi-editorin suora jälkeläinen) on konsolitekstieditori, jossa on avoin lähdekoodi. Se on oletuseditori lähes kaikissa Unix-versioissa, mukaan lukien Linux ja Mac OS X. Se on myös saatavana käytettäväksi Windowsissa ja monissa muissa järjestelmissä.

Vim ei ole järjestelmä, jonka voit asentaa ja aloittaa käytön heti ilman, että olet koskaan työskennellyt sen kanssa. Useimmat muokkauskomennot sisältävät outoja yhdistelmiä, kuten :wq ja / . Siinä on myös kolme muokkaustilaa: tila insertit, johon tekstiä syötetään; visuaalinen tekstin valintatila; Ja komento tila komentojen syöttämiseen. Tämä toiminto on Unixin perintö ajoilta, jolloin ei ollut ikkunoita eikä hiirtä.

Miksi hän oli listalla? Jos hallitset sen, olet vakuuttunut sen nopeudesta ja voimasta. Muutamalla komennolla voit tehdä muutamassa sekunnissa sen, mikä voi viedä minuutteja muissa muokkausohjelmissa.

olemassa suuri määrä Vimin makroja ja laajennuksia, jotka helpottavat HTML-, CSS- ja JavaScript-koodin käyttöä, mukaan lukien syntaksin korostus, automaattinen täydennys, HTML Tidy ja selaimen katselu. Tässä iso lista hyödyllisiä linkkejä:

• Vim Omni automaattinen täydennys
• HTML/XHTML-muokkaus Vimissä
• kotisivu

Fraise (Mac)

Fraise on intuitiivinen Mac-editori, jonka ominaisuudet riittävät verkkomuokkaukseen

Kuten TextWrangler ja gedit, Fraise on upea, kevyt editori, jota on ilo käyttää. Se on haarukka toimittajalta. Se on suhteellisen uusi, eikä sillä ole kunnollista verkkopalvelinta. Sitä tuetaan tällä hetkellä vain Mac OS X 10.6:ssa (Snow Leopard), mikä tarkoittaa, että jos käytät versiota 10.5, sinun on ladattava Smultron.

Fraise tarjoaa hienoja verkkomuokkausvaihtoehtoja:

• Koodin korostus HTML:lle, CSS:lle, JavaScriptille, PHP:lle ja useille muille ohjelmointikielille.
• Komento Sulje tunniste (Command-T) sulkea nykyinen tunniste. Tämä säästää todella aikaa listoja syötettäessä.
• Kätevä esikatselu sisäänrakennetussa selaimessa (WebKitin avulla) erittäin kätevällä Live Update -vaihtoehdolla? joka päivittää selaimen heti, kun muokattavan sivun merkintä ja CSS ovat muuttuneet.
• Advanced Find -vaihtoehto, joka tukee hakua/korvaa säännöllisten lausekkeiden avulla.
• Tuki lohkojen nopeaa syöttämistä varten HTML-tunnisteet ja CSS-ominaisuudet.
• Joitakin käteviä komentoja tekstin käsittelyyn, kuten HTML-tarkistus ja merkkien muuntaminen HTML-elementeiksi.

Fraise on tutustumisen arvoinen, jos olet Mac-käyttäjä ja tarvitset kätevä editori enemmän ominaisuuksia kuin sisäänrakennettu TextEdit.

On monia tapoja kirjoittaa koodia verkkosovelluksille tekstieditoreista pilvipohjaisiin kehitysympäristöihin. On vaikea heti päättää, mikä ympäristö soveltuu parhaiten käsillä oleviin tehtäviin. Ajan säästämiseksi valitsimme suosituimmat:

Jokaisen osan lopussa on pivot-taulukko, jossa näet selkeästi vertailun verkkokehityksen editorien toiminnoista. Tässä artikkelissa käsitellään yksinomaan ilmaisia ​​monialustaisia ​​ratkaisuja, joten suosittuja editoreja, kuten Sublime Text, ei sisälly valikoimaan.

Tekstieditorit web-kehitykseen

Komodo Edit

Pääpiirteet:

• loputon tarina peruutuksesta,
• laaja valikoima laajennuksia,
• tuki sadoille ohjelmointikielille ja tiedostomuodoille,
• tehokas haku ja korvaaminen,
• integrointi kolmannen osapuolen työkaluihin.

GNU Emacs

Työpöytäintegroidut kehitysympäristöt (IDE)

Pimennys

Pilvi-IDE:t

Suurin osa työpöytäsovelluksista on siirtynyt pilveen, joten ei ole yllättävää, että myös pilviympäristöt ovat tulossa suosituiksi ohjelmoijien keskuudessa. Kaikki eivät heti luota pilvipohjaisiin IDE:ihin, mutta suositut työkalut, kuten Github ja Pastebin, auttavat sinua tottumaan siihen, että lähdekoodia ei tallenneta paikalliselle koneellesi, vaan kolmannen osapuolen palvelimelle.

Pilvi 9

Muutaman minuutin työskentelyn jälkeen Cloud9:ssä saat vaikutelman, että olet ohjelmoijien paratiisissa. Käyttöliittymä on kirjoitettu JavaScriptillä ja palvelinosa NodeJS:llä. Vaikka kehittäjät ja käyttöliittymäsuunnittelijat suosivat Cloud9:ää, se tukee syntaksin korostusta C#-, C++-, Python-, Perl-, Ruby-, Scala- ja eräille muille kielille.

Vimin sisäänrakennettu tila on mukava kosketus, samoin kuin tuki suosittuja järjestelmiä versionhallinta, kuten Git, Mercurial ja SVN. CSSLintillä ja JSBeautifylla se on yksi kauneimmista kehitysympäristöistä.

Koodia missä tahansa

Toinen sovellusten luontityökalu, joka on usein parhaiden luetteloiden kärjessä, on Codeanywhere. Tämä pilviystävällinen IDE tukee koodin korostusta HTML:lle, CSS:lle, JavaScriptille, PHP:lle, MySQL:lle ja muille kielille. Codeanywhere-sovellusten iOS-, Android- ja BlackBerry-sovellusten avulla ohjelmoijat voivat työskennellä missä tahansa.

Lisäksi Codeanywhere tukee Dropboxia ja SFTP:tä, joiden avulla voit helposti luoda varmuuskopiot projektitiedostot ja jakaa ne työtovereiden kanssa. Se ei ole kaikkein täydellisin ympäristö, mutta se tekee työn täydellisesti.

Järjestelmä on maksullinen, mutta siellä on ilmainen tariffisuunnitelma.

Eclipse Che

Eclipse Che - pilvipohjainen työtilaa kehittäjä ja sisäänrakennettu IDE. Che tarjoaa etäalustan avoimella lähdekoodi monen käyttäjän sovellusten luomiseen.

Pääpiirteet:

• työtilat, mukaan lukien suoritusajat ja IDE:t,
• työasemapalvelin RESTful-verkkopalveluilla,
• pilvi IDE,
• kielilaajennukset, alustat ja työkalut,
• SDK lisäosien ja kokoonpanojen luomiseen.

Eclipse Chellä on kaksi koontiversiota - yhden käyttäjän ja usean käyttäjän. Ensimmäisessä ei ole komponentteja, jotka tarjoavat monivuokrausta ja käyttöoikeuksien eriyttämistä. Tässä tapauksessa palvelin pysyy suojaamattomana, mutta paikallista kehitystä- se on hyvä valinta.

Monivuokralainen tarjoaa monivuokrauksen. Tilit Käyttäjät ja työpöydät on eristetty, ja KeyCloak-mekanismia käytetään rekisteröintiin, hallintaan ja todentamiseen. Käyttöoikeussovellusliittymät säätelevät pääsyä objekteihin, kuten tiloihin, pinoihin ja organisaatioihin. Käyttäjätiedot tallennetaan migraatiotietokantaan (PostgreSQL).

Tekstitiedostojen muokkaamiseen käytetään tekstieditoria. Tekstieditorit eroavat tekstinkäsittelyohjelmista, kuten Microsoft Word tai WordPerfect, koska ne eivät lisää asiakirjoihin Lisäinformaatio muotoilusta. Voit kirjoittaa artikkelin Wordissa, koska se sisältää työkaluja fonttien, marginaalien ja asettelun muuttamiseen, mutta oletusarvoisesti muotoilu- ja merkintätiedot lisätään suoraan tiedostoon, mikä hämmentää kääntäjää. Jos avaat .doc-tiedoston tekstieditorissa, huomaat, että suurin osa tiedostosta on muotoilukoodeja. Tekstieditorit eivät kuitenkaan lisää muotoilukoodeja, mikä helpottaa koodin kääntämistä.

Miksi minun pitäisi käyttää tekstieditoria?

Tekstieditoreissa on erilaisia ​​ominaisuuksia kuin perinteinen ohjelma tekstinkäsittely. Useimmat eivät esimerkiksi salli sinun lisätä valokuvia tai taulukoita tai asentaa tuplaa riviväli. Tekstieditorien ominaisuudet vaihtelevat, mutta useimmilla muokkausohjelmilla on muutamia ominaisuuksia. Alla on joitain yleisimmistä ja hyödyllisimmistä ominaisuuksista.

Syntaksin korostus

Syntaksin korostus on erittäin hyödyllinen ominaisuus. Se koostuu siitä, että editori korostaa tiettyjä sanoja tai tyyppejä tai syntaksia, jotka ovat ominaisia ​​kielelle. Jos sinulla on esimerkiksi C++-korostus käytössä, editori voi tehdä kaiken avainsanoja C++ vihreä. Tämä helpottaa ohjelman kulkua huomattavasti. Tässä on toinen esimerkki: editori saattaa näyttää kaiken lainatun tekstin vaaleansinisenä. Tällä tavalla, jos unohdat laittaa avaus- tai loppulainausmerkit, huomaat sen nopeasti näytöllä olevan tekstin värin vuoksi. Tekstieditori voi myös huomauttaa neliö- tai virheellisestä käytöstä suluissa, korostaen ne punaisella; jos sinulla on sulkeva sulku, mutta ei avaussulkua, väri kertoo, että olet tehnyt syntaksivirheen jossain.

Joustavuus

Mistä editori tietää, mitkä sanat kannattaa korostaa? Hyvä kysymys. Editori tietää millä kielellä ohjelmoit. Voit joko määrittää kielen itse tai se voi, kuten Vim, määrittää tämän tiedostotunnisteen perusteella. Jos käytät tiedostoa nimeltä code.cc , se näkee .cc:n ja osaa käyttää C++ -sääntöjä, mutta jos käytät jotakin tiedostosta code.html , se tulee voimaan. HTML-säännöt. Jotkut toimittajat osaavat satoja kieliä triviaalista (C, Java, Perl) todella monimutkaisiin (TADS, ABAQUS). Tämä tarkoittaa, että voit käyttää samaa editoria ohjelmoidaksesi melkein millä tahansa kielellä ja silti saat samat ominaisuudet ja komentosarjan, joihin olet tottunut.

Automaattiset sisennykset

Automaattinen sisennys on kenties hyödyllisin tekstieditorin ominaisuus. Käsittelet mieluummin koodia, joka näyttää tältä:

// etsi matriisin minimielementti const int search_min(int **const array, const int kol_tasks,const int type_model) ( int min; for (int i = 0; i< kol_tasks; i++) { for (int j = 0; j < type_model; j++) { if (array[i][j] != -1) { min = array[i][j]; i = kol_tasks; j = type_model; } } } for (int i = 0; i < kol_tasks; i++) { for (int j = 0; j < type_model; j++) { if (array[i][j] < min && array[i][j] != -1) { min = array[i][j]; } } } return min; }

tai koodi, joka näyttää tältä?:

// etsi matriisista minimielementtiä
const int search_min(int **const array, const int kol_tehtävät,const int tyyppi_malli)
{
int min;
for (int i = 0; i< kol_tasks; i++)
{
for (int j = 0; j< type_model; j++)
{
jos (taulukko[i][j] != -1)
{
min = matriisi[i][j];
i = kol_tehtävät;
j = tyyppi_malli;
}
}
}
for (int i = 0; i< kol_tasks; i++)
{
for (int j = 0; j< type_model; j++)
{
jos (taulukko[i][j]< min && array[i][j] != -1)
{
min = matriisi[i][j];
}
}
}
paluu min;
}

Ajattelinkin niin. Tekstieditori säästää sinua asettamasta kaikkia välilehtiä itse, se lisää ne automaattisesti. Tämän avulla voit seurata ohjausvirtaa sisennyksen kautta, joten voit varmistaa, että olet mukana haluttu lohko koodi.

Nopeat navigointiominaisuudet

Ellei ohjelmasi ole triviaali, haluat pystyä löytämään nopeasti tiettyjä toimintoja, tiettyjen muuttujien esiintymiä tai erilliset rivit. Tekstieditoreissa on yleensä enemmän ominaisuuksia kuin tekstinkäsittelijät. Oletetaan esimerkiksi, että ohjelmaa kääntäessäsi huomaat, että sinulla on syntaksivirheet rivillä 312. Vimissä sinun tarvitsee vain kirjoittaa 312G ja kohdistin siirtyy riville 312. (Mistä Vim tietää, että et halua kirjoittaa 312G-merkkejä dokumenttiin? Lisää siitä linkissä osoitteessa artikkelin loppu).

Mitä tekstieditoria minun pitäisi käyttää? Mitä eroa niillä on? Miten saan sen? Paljonko ne maksavat?

On olemassa monia, monia erilaisia ​​​​editoreja, joista Vim ja Emacs ovat suosituimpia, tehokkaimpia ja saatavilla eri käyttöjärjestelmissä. Toinen suosittu editori Notepad++ on huomattavasti paranneltu versio Notepadista. Useimmat editorit (mukaan lukien Vim ja Emacs) ovat ilmaisia, mutta jotkut ovat jaettuja. Käytän Vimia, mutta jokaisella editorilla on faninsa. Jos haluat luetella joitain parhaat toimittajat saatavilla alustallesi, tutustu tekstieditoreja koskeviin usein kysyttyihin kysymyksiin. (Se on tarkoitettu keskivertokäyttäjille, mutta kaikki luetellut editorit ovat erittäin hyviä C++-koodin kirjoittamiseen.)