Salutare dragi cititori ai site-ului blogului. Astăzi vom arunca o privire la unul dintre cele mai bune editoare de text Notepad ++, care are multe funcții utileși este unul dintre cele mai folosite programe pentru mine pentru a edita html, css și cod php... Oricum, acest editor este popular printre mulți programatori și dezvoltatori.
În articol am menționat că paginile web pot fi create chiar și cu Windows Notepad încorporat. Dar crearea de fișiere html și css într-un bloc de note este aproape la fel cu săparea unei gropi cu un stick de săpat. În afară de capacitatea de a crea și vizualiza fișiere text, în Notepad nu există nimic.
Începând să utilizați Notepad pentru a corecta fișierele cu coduri html, css, php și alte coduri, vă veți economisi mult timp și nervi. La început, desigur, utilizarea acestui editor ți se poate părea puțin complicată. Dar dacă înveți să folosești cel puțin caracteristicile de bază ale Notepad ++, atunci îți va fi deja dificil să faci fără el.
Notepad-ul are avantaje semnificative nu numai față de notebook-ul standard Windows, ci și față de altele programe complexe pentru scrierea și editarea diferitelor coduri. De exemplu, dacă comparați Notepad ++ cu program popular pentru aspectul site-urilor Dreamweaver, are multe avantaje. În primul rând, Notepad ++ este complet gratuit. Și în al doilea rând, este mult mai ușor și mai rapid. Și, în general, poate fi rulat fără instalare în sistemul de operare Windows, dacă îl utilizați versiune portabilă a Notepad ++, ceea ce vă va permite să puneți programul pe o unitate flash USB și să îl purtați întotdeauna cu dvs.
Acum să vorbim despre totul mai detaliat.
Instalarea editorului Notepad ++, capabilitățile și personalizarea acestuia
Descărcați editorul de text Notepad ++ perfect este gratuit puteți de pe site-ul oficial la acest link. Setul descărcat include mai multe limbi, inclusiv rusă.
Programul este instalat în sistemul de operare Windows într-un mod complet standard:
- faceți dublu clic pe butonul stâng al mouse-ului pe fișierul descărcat, instalarea va începe;
- în fereastra care se deschide, selectați limba de care aveți nevoie;
- apoi apăsați de câteva ori mai departe, acceptând acord de licențiere prin selectarea folderului de instalare și a componentelor de instalat;
- apoi faceți clic pe instalare, așteptați câteva secunde și este instalat Notepad ++.
Dacă este necesar, puteți descărca Notepad ++ Portable, care este o versiune portabilă a acestui editor de text care nu necesită instalare.
Acum să trecem prin capacitățile acestui editor de text:
1. Primul lucru care vă atrage atenția este că este Notepad ++ editor de text cu evidențiere de sintaxă câteva zeci dintre cele mai populare limbaje de programare, inclusiv HTML, CSS, JavaScript și PHP. Uite lista plina limbi pentru care Notepad poate evidenția sintaxa și puteți selecta limba dorită în meniul de sus al programului din fila „Sintaxă”:
De exemplu, dacă setați evidențierea codului html, va fi ceva de genul asta:
În figură, puteți vedea că etichetele sunt evidențiate în albastru, atributele în roșu și textul obișnuit cu negru. Acest lucru este foarte util atunci când editați codul și găsiți erori în el. Dacă este necesar, puteți configura evidențierea sintaxei în meniu „Opțiuni” - „Definiți stiluri”... Se va deschide o fereastră în care puteți configura fontul și evidențierea sintaxei pentru limba de care aveți nevoie:
Dacă limba necesară nu este disponibilă, atunci puteți personaliza evidențierea proprie în același meniu „Sintaxă”, există un element „Setați limba”:
În fereastra care apare, setați listele Cuvinte cheie limba și personalizați stilurile de afișare a acestora. M-am săturat întotdeauna de acele limbi care sunt pe listă, așa că nu am înțeles această funcție în detaliu.
Pe lângă evidențierea în sine pentru toate aceste limbi, codul este împărțit în blocuri care pot fi restrânse și extinse folosind butoanele minus și, respectiv, plus. De asemenea, relația dintre elemente este evidențiată cu o linie punctată. Și dacă, de exemplu, plasați cursorul pe eticheta html de deschidere, atunci nu numai aceasta, ci și eticheta de închidere asociată acesteia vor fi evidențiate în albastru:
Notepad ++ poate lega, de asemenea, parantezele deschise și închise și funcțiile separate în blocuri separate. Toate acestea ajută foarte bine la navigarea codului și simplifică foarte mult căutarea parantezelor și etichetelor neînchise în textul programului.
2. Se întâmplă adesea ca, completând un cod, să uităm cum să scriem cutare sau cutare etichetă HTML sau operator PHP. Pentru a rezolva această problemă, editorul de text Notepad ++ a implementat funcția sfaturi cu instrumenteși completare automată cuvânt tastat. Un indiciu este apelat de combinația de taste „Ctrl + Spațiu” și tot ce rămâne este să selectați opțiunea dorită din lista propusă:
Puteți activa afișarea automată a indicațiilor cu instrumente fără a utiliza taste rapide. Pentru a face acest lucru, faceți clic pe meniu „Opțiuni” - „Setări”, în fereastra care se deschide, accesați fila „Completare automată” și bifați caseta de lângă „Activați la fiecare intrare”:
În aceeași fereastră, puteți activa inserarea automată a etichetelor HTML de închidere, paranteze și ghilimele.
3. Notepad ++ permite foarte ușor modifica codificarea fişier... De exemplu, dacă trebuie să setați codarea UTF-8 populară fără BOM, atunci mergeți la fila „Codări” din meniul principal și faceți clic pe elementul „Convertire în UTF-8 fără BOM” și salvați fișierul:
4. Notepad ++ vă permite să deschideți și să editați mai multe fișiere simultan, spre deosebire de blocnotesul standard. Pentru asta foloseste marcaje precum browserele moderne de internet. Deci, fiecare fișier deschis are propriul marcaj, în care este indicat numele fișierului și este plasată imaginea unei dischete:
Discheta poate fi albastră sau roșie. Culoarea dischetei indică dacă modificările au fost salvate în fișier sau nu:
- dischetă albastră - fișierul a fost salvat;
- roșu - modificările nu sunt salvate.
Filele cu fișiere deschise pot fi închise, trase și poziționate în orice ordine. Folosind setările, puteți face afișaj vertical filele sau ascundeți-le cu totul, dezactivați tragerea și setați fila să fie închisă făcând dublu clic. Toate aceste setări pot fi găsite în fila „Opțiuni”, butonul „Setări”:
Se va deschide o fereastră de setări, unde în secțiunea „General”, în grupul de setări „Bara de file”, puteți pune sau debifa casetele de selectare necesare:
În plus, acest editor are capacitatea deschideți simultan două copii ale aceluiași document... Pentru a face acest lucru, trebuie doar să faceți clic tasta dreapta pe fila cu fișierul dorit și selectați elementul „Duplicați în altă zonă”:
După aceea, se va deschide o a doua filă cu acest document:
Fiecare marcaj are capacitatea de a pune note sau note. Ei fac mai rapidă navigarea prin fișier și găsirea unor părți importante de cod în fișierele cu o cantitate mare linii. Pentru a crea un marcaj în fața liniei necesare din marginea stângă, făcând clic cu mouse-ul, setați un marcator sub forma unui punct albastru:
Acum, apăsând tasta „F2”, cursorul se va deplasa între note - markeri albaștri.
5. Consider că este necesar să observ că editorul Notepad ++ este foarte convenabil căutare text atât într-un fișier deschis, cât și în mai multe fișiere aflate într-un anumit folder. Este posibil să se utilizeze la căutare expresii obisnuite care poate fi un instrument puternic în mâinile potrivite. De asemenea, puteți căuta și înlocui. Împreună, căutarea și înlocuirea și expresiile regulate pot accelera foarte mult editările documentelor text.
Funcţie caută text poate fi apelat cu meniul de sus„Căutare”, în care este selectat tipul de căutare sau prin combinația de taste rapide „Ctrl + F”, care deschide fereastra corespunzătoare cu setările de căutare:
În fereastra care se deschide, selectați fila cu acțiunea dorită („Căutare”, „Înlocuire”, „Căutare în fișiere” sau „Observații”) și setați parametrii.
6. Adesea, atunci când lucrați cu un fișier html, devine necesar să vedeți cum va arăta în browser. Pentru a face acest lucru, Notepad ++ are capacitatea de a vizualiza pagina htmlîn browsere Internet Explorer, Firefox, Chrome și Safari. Pentru a efectua această acțiune, faceți clic pe butonul „Run” din meniul de sus și alegeți să rulați codul în browserul dorit:
Tot în editorul în cauză, puteți selecta orice fragment de cod php și faceți clic pe „Run” - „ Obțineți php ajutor”, după care Notepad ++ vă va redirecționa către pagina site-ului http://php.net cu o descriere a acestui cod.
În aceeași filă a meniului „Lansare” este posibil să căutați fragmente de text selectate în motor de căutare Google și wikipedia. Pentru a face acest lucru, selectați o bucată de text și apăsați butonul " cautare Google„Sau” Căutare Wikipedia „și veți fi redirecționat automat către o pagină de pe un site Google sau Wikipedia cu rezultate de căutare. Adevărat, toate aceste acțiuni necesită o conexiune la internet.
7. Când editați fișiere, Notepad ++ își amintește toate modificările pe care le-ați făcut. Prin urmare, oricând puteți anula acțiunea efectuată ( fa un pas inapoi). Mai mult, puteți derula oricâția pași înapoi sau înainte doriți, astfel încât să puteți face orice modificări ale codului fără riscul unor consecințe ireversibile.
Puteți face derulări înainte și înapoi folosind elementele „Anulare” și „Refacere” din fila „Editare” din meniul de sus sau folosind butoanele sub formă de săgeți curbate din bara de instrumente (dacă au existat modificări, săgețile sunt colorate în verde):
De asemenea, puteți anula acțiuni folosind tastele rapide:
- CTRL + Z - un pas înapoi, analog cu elementul „Anulare”;
- CTRL + Y - pas înainte, analog cu elementul „Repetare”;
Un punct important este că Notepad ++ monitorizează constant starea fișierelor deschise în el, iar dacă acestea sunt modificate de un alt program sau șterse, editorul vă va afișa un avertisment că fișierul a fost schimbat de un alt program și vă va solicita pentru a-l actualiza:
8. Puteți extinde capacitățile editorului de testare Notepad ++ folosind diverse pluginuri... Unele sunt instalate implicit, în timp ce altele pot fi instalate folosind managerul de pluginuri încorporat, care este numit din meniul de sus, fila Plugins - Plugin Manager - Show Plugin Manager:
Se va deschide fereastra „Plugin Manager” în care prima filă conține o listă de pluginuri disponibile. Pentru a instala plug-in-ul necesar, bifați în fața acestuia și faceți clic pe butonul „Instalare”.
Folosind pluginuri, puteți compara fișiere, verifica gramatica, încorpora FTP și, în general, puteți transforma un editor de text obișnuit în Unealtă puternică pentru a crea site-uri web.
Voi încerca să descriu în detaliu capacitățile pluginurilor într-unul dintre următoarele articole, așa că nu uitați să vă abonați la actualizările blogului. Pana data viitoare!
Editorul de text Linux este probabil unul dintre cele mai utilizate programe, după browser și manager de fișiere... Poate fi folosit pentru scrierea codului, editarea fișiere de configurare, crearea de instrucțiuni pentru utilizatori sau luarea de note și multe altele.
În Linux, editoarele de text sunt disponibile în două variante: text - editori de consolă și grafice - editori de text pentru Linux cu o interfață grafică cu utilizatorul.Primele sunt utilizate cel mai frecvent pe servere, cele din urmă pe computerele de acasă. În acest articol, vom arunca o privire la cele mai bune mesaje text editori Linux open source, atât pentru servere, cât și pentru computere personale.
Vim este un puternic editor de text pentru linia de comandă Linux care extinde și îmbunătățește vechiul editor Unix Vi. Este unul dintre cei mai buni editori pentru Linux, este unul dintre cele mai populare și mai frecvent utilizate editori de text administratorii de sistem si programatori. Mulți utilizatori îl consideră un editor pentru programatori. Când editați codul și fișierele de configurare, puteți activa evidențierea sintaxei.
2. Gedit
Este cel mai bun editor de text Linux multifuncțional, cu o interfață grafică. Vine implicit în mediul desktop GNOME. Editorul este foarte ușor de utilizat și de personalizat și acceptă, de asemenea, o mulțime de plugin-uri.
Principalele sale avantaje sunt:
- Suport UTF-8
- Ajustarea dimensiunii fontului și a culorilor
- Personalizarea evidențierii sintaxei
- Funcționalitatea de copiere și inserare
- Anulați și refaceți acțiuni
- Rollback fișiere
- Găsiți și înlocuiți
- Clipboard
3. Nano editor
Nano este un editor de text pentru consolă Linux foarte ușor de utilizat atât pentru începători, cât și pentru avansați utilizatorii Linux... Este foarte usor de folosit.
Unele dintre caracteristicile Nano:
- Comenzi rapide de la tastatură extrem de personalizabile
- Evidențierea sintaxelor
- Anulați și refaceți acțiuni
- Ocupă tot spațiul disponibil la ieșirea standard
- Suporta citirea de la intrare standard
4. GNU Emacs
Este un editor de text linux extrem de extensibil și personalizabil, cu un interpret în limbajul de programare lisp încorporat. Pot fi instalate diverse extensii pentru a extinde funcționalitatea.
- Caracteristicile Emacs:
- Cantitate mare de documentație
- Evidențierea sintaxelor
- Suport pentru mai multe limbi folosind Unicode
- Suport pentru diverse extensii, inclusiv e-mail, știri, depanare, calendar și altele.
5. Kate / Kwrite
Este un editor de text bogat în funcții și foarte extensibil, care vine cu mediul desktop KDE Plasma. Proiectul Kate își propune să dezvolte două programe principale: KatePart și Kate.
KatePart este o componentă de editor de text folosită în multe aplicații KDE în care poate fi necesară editarea textului, iar Kate este o interfață pentru lucrul cu mai multe documente într-un editor de text.
Caracteristici cheie:
- Extinderea funcționalității cu scripturi
- Suport Unicode
- Editarea textului în mai multe panouri
- Suport de completare automată
Editarea fișierelor de la distanță și multe alte funcții sunt, de asemenea, acceptate, inclusiv găsirea și înlocuirea, programarea, evidențierea textului, backup-urile și multe altele.
6. Text Lime
Este chiar mai mult decât un simplu editor de text puternic pentru Linux. Este un întreg IDE open source. Se poate spune că este succesorul popularului Sublime Text. Poate fi folosit atat in Linie de comandași cu o interfață grafică.
7. Pico Editor
Acesta este un alt editor de linie de comandă bazat pe editorul folosit de Pine News. Este cel mai bun editor de text Linux pentru utilizatorii noi, în principal datorită simplității sale în comparație cu alte editoare grafice.
8. Jed Editor
Acesta este un alt editor de text pentru consolă Linux cu GUI și suport pentru meniul drop-down. Este făcut special pentru dezvoltare software iar unul de-al lui caracteristici cheie este suport pentru modul Unicode.
9. GVim
aceasta versiune grafică editor de text popular VIm. Are toate aceleași caracteristici ca și Vim, precum și un meniu cu care poți face o mulțime de lucruri.
10. Geany
Acesta este un alt IDE, cum ar fi editorul de text Linux, conceput pentru dezvoltarea de software folosind instrumente GTK.
Are toate funcționalitățile de bază de care aveți nevoie:
- Evidențierea sintaxelor
- Interfață plugin
- Suport pentru diferite tipuri de fișiere
- Colaps și suport pentru navigare
- Completare automată
- Acceptă închiderea automată a etichetelor HTML și XML
- Funcții de management de proiect
11. Leaf Pad
Este un editor de text Linux ușor, cu o interfață grafică bazată pe GTK. Este popular printre noii utilizatori Linux datorită simplității sale.
Caracteristicile editorului:
- Detectarea automată a codificării
- Funcții de anulare și refacere
- Numere de rând de fișier
- Trageți și plasați suport
- Suport pentru imprimare
Bluefish este cel mai bun editor de text Linux pentru programatori și dezvoltatori web, ușor de instalat și utilizat. Acceptă o mare varietate de funcții:
- Ușoare și rapide
- Integrare cu extern Utilitare Linux: lint, weblint, make, awk, grep, sort și altele.
- Funcția de verificare ortografică
- Suport pentru lucrul pe mai multe proiecte
- Editarea fișierelor de la distanță
- Găsiți și înlocuiți suport
- Anulați și refaceți suportul
- Recuperarea automată a fișierelor modificate
13. Atom
Acesta este un editor de text Linux extrem de personalizabil pentru dezvoltatorii de la Github, bazat pe motorul Chromium. Programul este mai mult ca un IDE decât un simplu editor. Funcționalitatea poate fi extinsă cu un număr mare de plugin-uri.
Probabil unul dintre cei mai buni editori pentru dezvoltatorii web. Iată caracteristicile sale:
- Interfață modernă în stil plat
- Suport pentru un număr mare de pluginuri
- Suport pentru multe limbaje de programare
- Evidențierea sintaxelor
- Depanarea programelor în Chromium
- Evidențierea erorilor
14. Paranteze
Un alt editor de text Linux modern bazat pe motorul Chromium, de data aceasta de la Adobe. Particularități.
La fel și cei care sunt implicați de mult timp în dezvoltarea web. La urma urmei, mereu apare ceva nou, cerințele clienților se schimbă, propriile tale abilități cresc, vrei să automatizezi procesele de rutină pentru proiecte mari și să obții cât mai multe opțiuni din cutie. În acest articol, am adunat cele mai bune editoare de text pentru dezvoltatorii web la acest moment.
Text sublim (Windows, Linux, Mac)
Este un editor de text pentru dezvoltatorii web scris în C++ și Python. Arată la fel pe toate platformele acceptate, folosind propriul cadru de interfață de utilizare. Dezvoltatorii oferă o versiune de încercare gratuită, dar va trebui să achiziționați o licență pentru utilizare în continuare. Bonusul este că licența este pe utilizator, nu pe dispozitiv. Reducerile sunt disponibile și la achiziționarea mai multor licențe pentru o companie.
Principalele avantaje ale Sublime Text:
- Ușurință în utilizare - Odată ce deschideți Sublime Text, puteți începe să lucrați cu el aproape imediat.
- Căutare rapidă și flexibilă folosind potriviri neclare.
- Posibilitatea de selecție multiplă pentru a introduce același text pe mai multe rânduri simultan. Pentru a seta poziția cursorului, apăsați Ctrl + butonul stânga al mouse-ului sau Ctrl + triplu clic pe tasta stângă pentru a selecta un întreg paragraf.
- Având o mini-hartă vizuală a codului - este util atunci când lucrați cu fișiere mari, deoarece vă permite să găsiți rapid fragmentele necesare:
- Abilitatea de a folosi fragmente pentru a vă accelera munca și un număr mare de plugin-uri pentru cel mai mult sarcini diferite... Cel principal poate fi considerat Controlul pachetului, cu care puteți căuta și instala pluginurile necesare direct din editor.
Iată câteva exemple de pluginuri:
Emmet este un plugin grozav care vă permite să utilizați comenzi rapide pentru a introduce anumite etichete, de exemplu:
Ul # nav> li.item $ * 3> a (Articol $)
Emmet convertește comanda rapidă de mai sus într-o listă cu trei elemente:
SublimeLinter este un plugin de verificare a sintaxelor. Vă permite să minimizați numărul de erori verificând din mers codul scris. Trebuie doar să instalați pachetele dorite, de exemplu: SublimeLinter-html-tidy, SublimeLinter-csslint, SublimeLinter-jshint și SublimeLinter-php.
CSScomb este un plugin care vă ajută să plasați selectoarele CSS în ordinea corectă, pentru a facilita citirea și editarea în viitor.
În ceea ce privește deficiențele Sublime Text, acestea includ costul acestuia (70 USD), precum și faptul că setarea se realizează nu prin GUI, ci prin modificarea configurațiilor json.
WebStorm (Windows, Linux, Mac)
WebStorm nu este doar un editor, ci un mediu de dezvoltare integrat (IDE) scris în Java. Dar, deoarece diferența dintre un IDE și editori cu multe plugin-uri poate fi subtilă, am decis să o includem și în această listă.
WebStorm are următoarele beneficii:
- Lucrați eficient la proiecte de orice dimensiune datorită integrării sistemelor de control al versiunilor, inclusiv Git, Mercurial și Subversion.
- Îmbunătățiți calitatea codului și aderarea la liniile directoare Test Driven Development (TTD) cu JsTestDriver de la Google.
- LiveEdit pentru vizualizare instantanee modificări fără a reîncărca pagina.
- Prezența funcțiilor încorporate pentru verificarea calității codului - JSHint, JSLint, Google Closure Linter.
- A sustine un numar mare tehnologii: TypeScript, CoffeeScript, Less, Sass, Stylus, Compass, EJS, Handlebars, Mustache, Web Components, Jade, Emmet și altele.
WebStorm este o mană divină pentru cei care au nevoie de o mulțime de funcționalități diferite și sunt dispuși să plătească pentru asta: costul unei licențe individuale pentru primul an este de 59 USD, costul unei licențe corporative pentru primul an este de 129 USD. Dacă aveți nevoie de ceva mai simplu, consultați alți editori.
Atom (Windows, Linux, Mac)
Spre deosebire de cei doi editori anteriori, Atom este gratuit și open source. Este asamblat din 50 de module și scris în C++, JavaScript, CSS și HTML. Este posibil să adăugați propriile module la depozitul deschis, astfel încât alții să le poată folosi. Are toate aceleași funcționalități de bază ca Sublime Text, cum ar fi cautare rapida potriviri neclare în proiecte și fișiere, prezența unei mini-hărți, precum și utilizarea fragmentelor. Acceptă Emmet menționat anterior, Autoprefixer, cod de formatare automată cu atom-beautify, Livereload.
Avantajele Atom față de Sublime Text plătit:
- Setări GUI în loc de fișiere JSON.
- Pentru a instala pluginuri, nu este nevoie să instalați Package Control, totul se face din interfața vizuală.
Paranteze (Windows, Linux, Mac)
Este un editor de text pentru dezvoltatorii web de la Adobe. Are sursă deschisă și funcții simple, dar necesare care sunt prezente în editorii deja menționate:
- Afișarea instantanee a modificărilor în browser ().
- Selectare multiplă și editare.
Bonus Brackets este un API bine documentat pentru crearea propriilor pluginuri, precum și funcția Extract for Brackets (Preview), care accelerează procesul de obținere a datelor de culoare, font și dimensiune de la PSD.
Dezavantajul Brackets este performanța lui lentă dacă aveți o mulțime de pluginuri instalate.
Coda (Mac OS și iOS)
TextMate și Coda sunt cele mai populare editoare de text web pentru Mac. Credem că Coda este încă mai potrivit pentru dezvoltatorii web decât TextMate, care a fost conceput ca un produs universal. Coda este un editor ușor cu toate functiile necesare(cum ar fi plierea blocurilor de cod, găsirea și înlocuirea rapidă, funcționalitatea de completare automată pentru un proiect, suport pentru Git și Subversion), dar are și propriile caracteristici:
- Posibilitatea de a edita fișiere de la distanță prin servere FTP, SFTP, WebDAV sau Amazon S3.
- Căutare simplificată cu expresii obișnuite datorită butoanelor cu caractere wildcard.
- WebKit Preview și AirPreview. Acesta din urmă vă permite să utilizați un iPad sau iPhone cu versiunea iOS a Coda pentru a previzualiza paginile în timp ce introduceți pe desktop.
- Terminal încorporat și editor MySQL.
Coda are și propriile plugin-uri, dar bineînțeles că nu sunt atât de multe ca editorii open source. Mulți oameni laudă pluginul PHP & Web Toolkit, care include:
- Verificați automat sintaxa PHP cu următoarea eroare și salvare automată.
- Reordonarea, reformatarea codului scris în HTML, CSS, JavaScript sau PHP.
- Validarea HTML, CSS și JavaScript.
- Minificare JavaScript și CSS.
Costul unei licențe Coda pentru un singur utilizator este de 99 USD.
După cum puteți vedea, funcționalitatea editorilor moderni este destul de extinsă, așa că alegerea depinde de platforma utilizată, precum și de capacitățile financiare. Ce editor pentru dezvoltare web preferi?
Personalul studioului urmărește întotdeauna cele mai recente tendințe în design și dezvoltare web. Alegându-ne ca partener, poți fi sigur că site-ul tău va îndeplini standardele moderne de design și dezvoltare web.
Nu orice sarcină sau fiecare proiect necesită un IDE cu drepturi depline, așa că pentru mulți, editorul lor de text preferat este încă instrumentul lor principal. Și se pare că alegerea este simplă: Sublime Text puternic, extensibil și totuși simplu, clasice vii în fața emacs și vim, precum și favorite monoplatform - Notepad ++ pentru Windows, TextMate pentru OS X și Geany pentru Linux. Dar noi editori apar aproape în fiecare zi – are sens să-ți schimbi obiceiurile? Să vedem ce se întâmplă.
Atom
În august 2011, co-fondatorul GitHub Chris „defunkt” Wanstrat și-a stabilit un obiectiv ambițios: să creeze un editor care să fie cu adevărat deschis și să ofere posibilități nelimitate de hacking, fără a se transforma într-un al doilea Vim sau Emacs (care, după cum știți, pot face aproape orice, dar numai dacă ai creier ca Jeff Dean). Și acum, după trei ani și peste cincisprezece mii de comiteri, au început testarea publică beta. În martie a acestui an, Atom a devenit disponibil pentru descărcare pentru toată lumea. Cum va schimba faimoasa companie abordarea noastră cu privire la codificare?
Primul lucru care vă atrage atenția atunci când lansați o nouă creație a GitHub este interfața care este incredibil de similară cu Sublime Text. În sine, acesta nu este un minus. Fapt cunoscut că interfața lui Sublime a fost inspirată de alta, o dată nu mai puțin editor popular cod pentru OS X TextMate. Istoria actuală a lui Atom și Sublime subliniază doar soluțiile GUI de succes ale acestuia din urmă.
A doua caracteristică a lui Atom este că este, în esență, o aplicație web ambalată în Chromium. Nu, desigur, editorul are propria pictogramă în dock, meniuri de sistem normale și suport pentru taste rapide native. Doar că nucleul lui Atom este scris mai ales în CoffeeScript, rulează în Node.js, iar interfața editorului în sine este o pagină HTML cu un marcaj destul de normal. Puteți verifica acest lucru alegând Dezvoltator -> Instrumente pentru dezvoltatori Toogle din meniul Vizualizare.
Al treilea lucru interesant despre Atom este modularitatea sa. În cele mai bune tradiții ale ecosistemului Node.js, este scris folosind numărul maxim de module deschise (mai mult de cincizeci). Aceasta înseamnă că, dacă nu vă place o funcționalitate standard, atunci, potrivit dezvoltatorilor, puteți găsi cu ușurință un înlocuitor pentru aceasta din peste 70 de mii de pachete în registrul npm sau puteți scrie propriul plugin. Având în vedere că JavaScript a devenit de fapt cel mai popular limbaj de pe GitHub pentru o lungă perioadă de timp, iar CoffeeScript este doar puțin în urma lui Perl, acest lucru oferă încredere în viitorul lui Atom.
Și cum rămâne cu caracteristicile criminale? Aici totul nu este atât de roz. Fie că este vorba despre tinerețea proiectului, fie despre altceva, dar Atom, în afară de marele nume al creatorilor și de mari speranțe, nu oferă nimic din cutie care să te facă să te joci ore întregi cu el. Ceea ce este prezentat de dezvoltatori ca avantaje (de exemplu, completare automată, file, colaps de cod, fragmente) poate provoca doar un zâmbet condescendent pe fețele aderenților Sublime. Da, desigur, Atom are deja propriul manager de pachete, dar nu am găsit nimic în depozitele sale care să nu poată fi implementat folosind pluginuri pentru Sublime.
Masa usoara
Dezvoltarea Light Table a început în 2011, când programatorul american Chris Granger a decis că procesul de lucru cu codul în editorii de text moderni nu se potrivea bine cu fluxul de lucru modern. Pe scurt, sarcina Light Table este de a face procesul de dezvoltare cu adevărat interactiv și vizual, oferind dezvoltatorului feedback instantaneu cu privire la orice acțiune, ajutând astfel la navigarea rapidă în codul mare. Cu această idee, Chris a mers la Kickstarter și a strâns destul de repede 316.720 de dolari pentru dezvoltarea proiectului, cu obiectivul declarat de 200 de mii. Ce anume i-au atras pe brutari ideile lui Chris?
Una dintre cele mai interesante caracteristici ale Light Table este capacitatea de a lucra cu documentația în timp ce scrieți codul. Pentru a vedea o descriere a unei funcții, pur și simplu plasați cursorul peste ea. Editorul va găsi și va afișa instantaneu documentația pentru funcția sau parametrul solicitat (în cazul metodelor încorporate) sau va afișa descrierea anterioară a funcției stânga dreapta în cod. Acest lucru amintește oarecum de completarea automată folosită în mediul de dezvoltare Microsoft Visual Studio, dar mult mai profund și mai puternic.
A doua caracteristică ucigașă poate fi numită execuție instantanee a funcțiilor în timpul scrierii codului. Acest lucru vă permite să încercați diferite condiții de intrare în modul de depanare și să vedeți nu numai rezultatul, ci și modul în care variabilele trec prin întregul cod. Este, de asemenea, un lucru destul de util, mai ales atunci când nu sunteți sigur de rezultatul executării oricărei părți a codului.
A treia caracteristică a Mesei Luminoase este oportunitate unică organizarea codului în așa-numitele tabele. Sunt blocuri de cod complete din punct de vedere logic prin care puteți vizualiza interacțiunea funcțiilor individuale ale programului. Cu ajutorul acestei caracteristici, este foarte convenabil să împărțiți fișierul în mai multe blocuri funcționale independente și să lucrați cu ele, construind un fel de tablou de bord real din cod. De asemenea, o caracteristică plăcută este evidențierea inteligentă a blocurilor - în acest caz, șansele de a se confunda într-un flux de lucru deja vizual tind să fie zero.
În ciuda filozofiei sale destul de necunoscute, Light Table este, fără îndoială, editorul de următoarea generație. Trucul său nu este că este scris în tehnologii la modă, ci în schimbarea abordării însuși a procesului de dezvoltare a software-ului complex. Probabil, atunci când lucrați cu scripturi JS simple, puterea reală a Light Table nu va fi simțită, dar pentru proiecte va deveni puțin mai complicat unealtă de neînlocuit... Trebuie doar să te obișnuiești. Dar acest lucru nu va fi ușor.
Lămâie verde
Întregul Lime poate fi descris cu una și singura, dar faimoasa frază a lui Bobuk - strălucirea și sărăcia sursei deschise. Proiectul, început anul trecut de Fredrik Ehnbom, rezolvă o singură provocare, dar de înțeles: crearea unui generator de surse deschise în imaginea și asemănarea Sublime Text. Motivul acestei dorințe este de înțeles - autorul, un fan înfocat al lui Sublime, a fost nemulțumit de dezvoltarea lentă a proiectului și de lipsa unei remedieri banale pentru erori în versiunile anterioare. Ideea s-a dovedit a fi aproape de câteva zeci de oameni cu gânduri asemănătoare și în curând a fost lansată prima versiune a lui Lime.
Primul lucru care respinge atunci când sunteți familiarizat cu acest editor este absența cel puțin a unei oarecare aparențe de pachete binare. În general, logica unei astfel de decizii este clară: Lime nu este o aplicație întreagă, ci un set de backend separat în limbajul Go și câteva interfețe din care să alegeți. Cu toate acestea, acest lucru nu ușurează cu nimic - o încercare de a face ca Lime să funcționeze elementar se transformă într-o luptă interesantă cu dependențele Go, configurările și alte bucurii ale vieții.
În ceea ce privește munca în acest editor, în acest moment este sincer incomod și, de fapt, nu este nimic de scris despre ceva unic. Lime nu se poate lăuda încă cu acele caracteristici care sunt luate de la sine înțelese în alte editoare de text. Se pare că dezvoltatorii acordă în continuare mult mai multă atenție arhitecturii aplicațiilor și curățeniei codului decât funcționalității. Într-o oarecare măsură, situația este salvată de compatibilitatea parțială cu API-ul Sublime (ei bine, și, respectiv, unele părți ale TextMate), dar, în ciuda acestui fapt, Lime are încă mari probleme cu utilizarea.
În general, astăzi Lime lasă o dublă impresie. Probabil că este grozav când instrumentul tău de lucru este complet deschis și atât de flexibil. Dar să fim sinceri cu noi înșine: câți dintre noi s-ar gândi vreodată să rescrie front-end-ul procesorului nostru de text? Câți dintre noi s-ar gândi să dezvoltăm un editor de text pentru noi înșine din cauza unor neplăceri în loc să folosim acest instrument în scopul propus - și anume, să scriem programele noastre în el? Majoritatea dezvoltatorilor (în special cei care nu sunt bolnavi de Stallman of the creier) vor avea suficientă funcționalitatea Sublime Text și sistemul său de plug-in pentru rezolvarea sarcinilor de zi cu zi. Și, să fiu sincer, de câțiva ani de muncă zilnică în Sublime, nu am întâlnit erori super-critice pentru care să nu-mi găsesc soluția. Deci, în această etapă, Lime este într-adevăr potrivită doar pentru fanii îndrăgostiți ai open source, cu mult timp liber și cu dorința de a face această lume puțin mai bună.
Paranteze de la Adobe
Brackets este un proiect destul de tânăr (dezvoltarea este în curs din 2011), dar un proiect interesant de la Adobe. Scopul său este simplu - să creeze un mediu de dezvoltare minimalist și confortabil, care ar necesita un efort minim din partea dezvoltatorului. În memoria mea, au existat deja un număr considerabil de proiecte cu obiective similare. Să vedem dacă Adobe a reușit să facă ceva interesant cu ajutorul comunității din acest domeniu.
În mod surprinzător, Brackets este destul de bun. Tot ce ai nevoie funcționează din cutie (după Lime, chiar și asta devine, într-un fel, un plus). Proiectul își rezolvă cu adevărat sarcina principala- ușurează scrierea codului, deși o face practic fără abordări fundamental noi. Și apropo, nu este nimic rău în asta.
Paranteze este scris în HTML / JS (mulțumesc pentru nu Flash sau Adobe AIR :)), strâns integrat cu Node.js. În exterior, scos din cutie, face o impresie foarte favorabilă (deși nu fără o atingere de jucărie). Ceea ce m-a cucerit cu prima apăsare a tastei a fost uimitoarea completare automată HTML / CSS / JS / jQuery. Este foarte inteligent și conține, de asemenea, o mulțime de lucruri mici drăguțe (de exemplu, un selector de culori încorporat sau un instrument pentru o selecție superbă de tranziții în CSS).
Dar principala caracteristică ucigașă pentru mine a fost editarea inline a secțiunilor de cod aferente. Aceasta este o oportunitate de a vizualiza și edita, să zicem, un set de proprietăți CSS după clasa sau ID-ul său direct din fișierul de aspect HTML într-o zonă separată. Brackets analizează structura proiectului dumneavoastră în timp real, construiește un arbore de dependențe și vă permite să scrieți secțiuni interdependente de cod, practic fără a părăsi contextul principal al fișierului. Recunosc, acesta este exact genul de funcționalitate pe care l-am văzut acum câțiva ani în editorul meu simplu de text (sunt sigur că nu sunt singur). Prin urmare, această caracteristică este o veste bună.Alte caracteristici includ acces rapid la documentație (deși nu la fel de detaliat ca în Light Table), JSLint din cutie și un manager de plugin frumos. Deși, desigur, Brackets nu se poate lăuda cu o asemenea abundență de pachete ca în Sublime.
În general, în ciuda faptului că acceptă într-o oarecare măsură, de exemplu, Ruby sau Python, Brackets se concentrează în primul rând pe dezvoltatorii front-end. Va face față perfect nevoilor designerilor de layout, lăsând în urmă chiar și IDE-uri specializate într-un fel. Nu veți găsi nimic nou revoluționar în el, cu excepția editării inline a codului. Totuși, ceea ce avem a fost făcut cu conștiință și cu suflet. Dacă tastați sau scrieți în principal codul client pe o stivă nu prea greoaie, parantezele ar putea fi pe placul dvs.
Zed
Zed este un editor de text destul de hipster, care încearcă, de asemenea, să regândească proces modern dezvoltare de software. În timp ce Light Table încearcă să schimbe principiul de design în sine, atunci Zed se limitează în principal la experimentarea cu interfața. Dezvoltarea a început în 2011, iar astăzi pe site-ul oficial Zed este disponibil ca binare pentru platformele majore, precum și o aplicație pentru Chrome Web Magazin.
Primul lucru care vă atrage atenția atunci când îl cunoașteți pe Zed este lipsa elementelor familiare de interfață, cum ar fi arborele sau filele de proiect. Un pas destul de controversat, de multe ori în timpul dezvoltării este mult mai ușor să navigați în structura proiectului de către arbore. Dar, în absența fileturilor, există unele cereale raționale: de obicei, atunci când lucrați cu proiecte mari numărul de file deschise crește exponențial, iar după o jumătate de oră de muncă trebuie să treci constant prin ele, închizând ceea ce nu lucrezi în acest moment. În Zed, navigarea în proiect se realizează fie prin săritul direct la fișierul dorit din proiect după numele acestuia (Ctr / Cmd + E) printr-o mică consolă din partea de sus a aplicației.
A doua caracteristică memorabilă a Zed este accentul pe o interfață cu mai multe coloane. Editorul acceptă mai multe opțiuni fixe pentru împărțirea spațiului de lucru - 50/50%, 25/75% și așa mai departe. Trebuie remarcat faptul că a doua (sau chiar a treia) coloană este destinată nu numai pentru editarea simultană a mai multor fișiere, ci și pentru previzualizarea instantanee a codului în limbi care necesită preprocesare (cum ar fi Markdown sau CoffeeScript).
Când lucrați cu Zed, puteți simți cu adevărat concentrarea sa pe editarea de la distanță. Deci, din cutie, are un suport extraordinar pentru editarea fișierelor din Dropbox sau direct în server la distantași susține sesiunile. Dar tocmai ca editor Zed este destul de sărac. Completarea automată încorporată este bazată pe dicționar, nu are mijloace convenabile lucrul cu extensii nu vă permite să personalizați interfața de utilizare așa cum doriți. Deși, probabil, Zed pur și simplu nu este despre asta.
Apropo, trebuie remarcat faptul că Zed este foarte atent. Uneori, aplicația se blochează pentru o lungă perioadă de timp și își pierde orice capacitate de răspuns, ceea ce, desigur, nu adaugă confort unei experiențe deja destul de neobișnuite.
Una peste alta, Zed este ciudat și cu siguranță nu pentru toată lumea. Cu excepția cazului în care vă deranjați cu personalizarea nesfârșită interfața cu utilizatorul, portabilitatea este importantă pentru tine, posibilitatea de editare stabilă a fișierelor pe un server la distanță și ești gata să încerci ceva neobișnuit, te poți juca. Dar pentru codificarea de zi cu zi, Zed nu se potrivește în mod clar.
Salutare dragi cititori ai site-ului blogului. De foarte multă vreme am vrut să scriu despre un editor gratuit minunat (linkul duce la site-ul oficial, de unde puteți descărca ultima versiune cu suport în limba rusă).
De mulți ani, a fost unul dintre cele mai solicitate și folosite de mine programe pentru editarea html, CSS și cod PHP. Sunt chiar surprins: „cum m-am descurcat fără el înainte, realizându-și potențialul cu ajutorul altor programe?”.
Acum, pe computerul meu, funcționează mereu simultan câteva browsere, un manager FTP FileZilla foarte simplu, gratuit și convenabil și chiar acest editor, ale cărui capacități sunt pur și simplu incomparabile cu notebook-ul folosit implicit în Windows. Dar mai întâi lucrurile.
Descărcare și caracteristici ale editorului Notepad ++
Instalarea programului în Windows se realizează complet modul obișnuit... Puteți, de asemenea, dacă doriți descărcați Notepad ++ Portable reprezentând versiune portabilă acest editor, care nu necesită instalare în sistemul de operare.
Versiunea portabilă poate fi obținută din versiunea obișnuită dacă despachetați arhiva cu programul în orice loc convenabil și rulați fisier executabil notepad.exe.
Toate avantajele editorului Notepad ++
De fapt, notebook-ul încorporat în Windows diferă de eroul nostru în același mod ca cerul și pământul. Într-un notebook clasic, practic nu există nimic altceva decât capacitatea de a vizualiza și crea cele mai simple fișiere text (se dovedește ceva similar cu un băț de săpat folosit de oameni în stadiile incipiente de dezvoltare).
După ce ați început să utilizați Notepad cu două avantaje, cel puțin pentru ajustarea fișierelor Html și CSS, veți ajunge imediat din epoca de piatră în cabina unei mașini moderne de terasament. Există, desigur, și alte programe alternative și chiar, dar pentru un începător, un „notepad cu două plusuri” va fi doar atât (IMHO).
Da, desigur, utilizarea lui poate părea complicată și neconvențională la început. Dar acest lucru este abia la începutul cunoștinței și atunci îți va fi la fel de dificil să faci fără ea, deoarece, de exemplu, mulți utilizatori de computere nu își imaginează viața (de asemenea, un fel de „clasic”).
Dacă comparăm Notepad ++ cu programe mai complexe concepute pentru a facilita scrierea și editarea diferitelor coduri, cum ar fi Dreamweaver, atunci există destul de multe argumente pentru utilizarea eroului nostru:
- La început, este absolut gratuit, ceea ce înseamnă că poți economisi mult folosindu-l în loc de Dreamweaver, dacă nu iei în considerare versiunile piratate ale programelor plătite (care ar putea fi un teren propice pentru troieni și alți viruși).
- În al doilea rând, Notepad este mult mai mult usoara si rapida decât mulți dintre editorii plătiți. În plus, este posibil să-l utilizați fără a-l instala deloc în sistemul de operare Windows (așa-numitul versiune portabilă- portabil) și purtați-l, să zicem. Drept urmare, veți avea întotdeauna la îndemână un instrument convenabil, funcțional și bine înțeles pentru a lucra cu Html, PHP și alte câteva zeci de tipuri de cod.
De ce merită descărcat acest editor?
Să trecem pe scurt peste capacitățile și caracteristicile sale, apoi să încercăm să le luăm în considerare mai detaliat. Deci, Notepad ++ poate face următoarele:
- Evidențiați câteva zeci dintre cele mai populare limbaje de programare și marcare, de exemplu, cum ar fi: Ada, Assembler, C, C #, C ++, CSS, FORTRAN, HTML, Java, JavaScript, Objective-C, Pascal, Perl, PHP , Python, Ruby, SQL, XML.
- Este foarte ușor de implementat în ea modifica codificarea, de exemplu, la cea acum populară, despre care am vorbit într-un articol dedicat luptei împotriva krakozyabras în codificări rusești (vezi-l pe link).
- Într-o fereastră de program, puteți deschide câte fișiere doriți pentru editare, deoarece folosește Notepad ++ fileîn felul celor cu care sunteți deja obișnuiți în browserele moderne.
Culoarea dischetei de pe fiecare filă arată dacă ați salvat producțiile în ea. ultimele modificari folosind o dischetă similară în bara de instrumente. Pe fila activă, discheta roșie (și pe cea inactivă - violet) vorbește despre uitarea ta.
- Cu acest editor, puteți menține Căutare(Ctrl + F) atât pentru documentul deschis în acesta, cât și pentru o mulțime de fișiere text aflate într-un anumit folder. Căutarea cu înlocuitori și utilizarea expresiilor regulate este posibilă. Un instrument uimitor de la îndemână.
- În setările acestui editor, puteți activa prescrierea automată a etichetei HTML de închidere la tastarea celei de deschidere, precum și opțiunea de completare automată a etichetelor.
- Notepad ++ nu numai că păstrează un istoric al tuturor modificărilor și vă permite să derulați înapoi cât de mulți pași doriți sau să mergeți înapoi înainte, dar și implementează stocare de rezervă copii ale acestor documente în modul Microsoft Word.
- Acest editor are capacitatea de a controla taste rapide, dintre care o mare varietate este setată în el - din meniul de sus „Opțiuni” - „Taste rapide”. Mai mult, atunci când dai dublu clic pe combinația care te interesează, se va deschide o fereastră pentru reatribuirea tastelor, care poate fi convenabilă pentru cei care trec la Notepad dintr-un alt editor.
- Blocnotes de-a lungul anilor de existență am o mulțime de pluginuri, unele sunt instalate implicit cu acesta, iar restul vă vor fi disponibile din meniul de sus „Plugins” - „Plagin Manager” - „Show Plagin Manager”.
Pentru a instala, trebuie doar să bifați caseta de lângă plugin în prima filă și să faceți clic pe butonul „Instalare”.
După aceea, fereastra editorului va fi reîncărcată și noul plugin va fi disponibil în fila cu același nume:
- De asemenea, acesta" Cuțit elvețian»Știe cum să se conecteze la site-ul dvs. web prin FTP, să înregistreze și să reda macrocomenzi, să verifice ortografia din mers, să compare două fișiere în ferestre deschise unul lângă celălalt și multe, multe altele.
Pentru toate aceste limbi evidențierea sintaxelor, împărțind codul în linii și blocuri care pot fi restrânse făcând clic pe minus și extins făcând clic pe plus. Și, de asemenea, linia punctată poate afișa relația dintre elemente. Ca exemplu, am luat un fragment de cod PHP pentru a demonstra capabilitățile acestui editor:
Dacă dați clic pe eticheta Html de deschidere, aceasta va fi evidențiată cu un fundal albastru și în același timp va fi evidențiată și eticheta de închidere, dacă există. Excelent pentru a găsi articole neînchise și.
De ce altceva ai putea avea nevoie în Notepad ++
- Datorită evidențierii sintaxei în Notepad ++, este foarte ușor, de exemplu, să verifici dacă toate etichetele HTML din cod sunt închise și, cu experiență minimă, vei marca deja vizual că în codul pe care îl ai a fost o greșeală pe undeva, deoarece schema de culori a codului din acest loc se va schimba.
- De asemenea, datorită faptului că codul este evidențiat color, iar textul obișnuit al articolelor mele rămâne negru, este foarte convenabil ca corectorul meu constant de gramatică (soția iubită) să verifice gramatica în el. Nu, bineînțeles, folosesc și diverse, dar nici unul dintre ele nu mai poate verifica punctuația și erorile semantice.
- De asemenea, îmi place foarte mult capacitatea de a afișa vizual blocuri individuale de cod în acest editor de text, evidențiind paranteze precum () (). Când cursorul mouse-ului se află între paranteze, acestea sunt evidențiate, ca și cum ar evidenția începutul și sfârșitul bloc html sau cod PHP.
- Pe lângă implementarea excelentă a luminii de fundal, trebuie menționată separat posibilitatea fa un pas inapoi(Anulare acțiune anterioară). În plus, numărul de pași înapoi nu este limitat, ceea ce vă permite să nu vă fie teamă să experimentați cu codul fără riscul unor consecințe ireversibile.
Anularea unei acțiuni în Notepad ++ este posibilă folosind tastele rapide Ctrl + Z (Ctrl + Y este un pas înainte, adică anularea anulării), folosind elementele de meniu corespunzătoare „Editare” sau folosind butoanele sub formă de săgeți curbate pe bara de instrumente a acestui editor.
- Notepad ++ monitorizează constant starea documentelor deschise în el, iar dacă acestea sunt modificate sau șterse, de exemplu, într-un alt program, vi se va afișa o fereastră cu propunerea de a închide această filă cu documentul sau de a reîncărca versiunea modificată a acestuia. .
- După cum am menționat mai devreme, bloc-notesul doi plus are opțiunea setări de evidențiere a sintaxei(precum și alte duzini de limbi) pentru a se potrivi gusturilor și nevoilor dvs., dar nu am folosit niciodată această opțiune, deoarece setările implicite sunt bune.
Dar nimeni nu vă deranjează să faceți acest lucru, deoarece totul este extrem de simplu - selectați opțiunile „Opțiuni” - „Definiți stiluri” din meniul de sus, în urma căreia se va deschide o fereastră în care puteți ajusta fonturile și culorile. pentru a evidenția HTML, PHP sau orice altă limbă de care aveți nevoie.
- Un alt gadget, care mi se pare destul de convenabil în acest editor, este posibilitatea de a trage comenzile rapide ale documentelor direct în fereastra programului pentru a le deschide (deși acest lucru nu poate surprinde pe nimeni) și posibilitatea Tragere și plasareîn documentul propriu-zis, fragmentul de cod evidențiat (cu butonul stâng al mouse-ului) la locul de care aveți nevoie.
- Când lucrați cu Notepad ++, veți avea opțiunea pune markere, care în el se numesc note, dar esența acesteia nu se schimbă. În linia de care aveți nevoie, puteți plasa un marcator sub forma unui punct albastru pe marginea din stânga făcând clic cu mouse-ul.
Pentru a seta un marcator (note) în editor, puteți folosi și comanda rapidă de la tastatură Ctrl-F2, iar pentru a vă deplasa între markerii setați în document, va fi suficient să apăsați F2 sau Shift-F2 secvenţial pentru a derula note. în sens invers.
- Dacă lucrați în acest editor cu un fișier HTML, atunci puteți vedea cum va arăta codul dvs. în browser FireFox sau IE selectând elementele de meniu corespunzătoare „Start”. Dacă aveți nevoie de alt browser, selectați elementul de sus „Start” și găsiți executabilul de care aveți nevoie în fereastra care se deschide.
- Deasemenea disponibil capacitatea de a înregistra macrocomenzi, pe care nu le-am creat încă, dar logica muncii lor este destul de simplă. Mai întâi îl înregistrați alegând din meniul editorului elementele „Macrocomenzi” - „Începe înregistrarea”, apoi introduceți macrocomenzile înregistrate în Locul potrivit codul selectându-le din meniul editorului sau folosind tastele rapide care le sunt atribuite.
De asemenea, în Notepad ++ există o posibilitate completare automată cuvântul pe care îl tastați, ceea ce poate fi foarte convenabil dacă nu sunteți sigur de corectitudinea ortografiei cutare sau cutare operator în Html, PHP sau orice alt cod. Pentru a face acest lucru, atunci când tastați, trebuie doar să apăsați combinația de taste Ctrl-Space și să selectați opțiunea dorită din fereastra care se deschide:
Dacă doriți să automatizați completarea automată a codului, fără a utiliza tastele rapide, atunci va trebui să selectați din meniul de sus „Opțiuni” - „Setări” și pe fila „Rezervare / Completare automată” să bifați caseta „Activare pentru fiecare intrare”.
Codificări și lucrul cu fișiere în fereastra editorului Notepad ++
- Trebuie remarcat faptul că acest editor de cod vă permite să salvați și să convertiți fișiere Html, PHP și alte fișiere la codificare UTF-8 (fără BOM). Acest lucru m-a ajutat de mai multe ori să depășesc problema cu codificarea rusă atunci când lucrez cu diverse site-uri.
Când am vrut să schimb orice inscripție de pe site în rusă, am ajuns adesea cu krakozyabras, a cărui cauză era codarea Windows-1251, în care a fost salvat fișierul original.
După ce fișierul original a fost convertit în Codificare UTF-8 (fără BOM), krakozyabry transformat cu succes în simboluri rusești obișnuite. Acea. dacă adăugați alfabetul chirilic la orice fișiere ale motorului, atunci pentru afișarea corectă a acestuia pe site va trebui fie să îl salvați imediat în codificarea corectă, fie apoi să îl convertiți.
Probabil că ar trebui să spun câteva cuvinte despre acest BOM. Ideea este că atunci când lucrați cu diferite obiecte text în mod normal Notepad Windows, apoi atunci când îl salvați în codificare UTF-8, sunt adăugate caractere invizibile (BOM), care pot afecta ulterior performanța a acestui dosar(de exemplu PHP poate arunca o eroare).
- Dacă doriți să imprimați conținutul unui fișier deschis, codul nu va fi tipărit în forma în care îl vedeți în fereastra programului. Dar alegând din meniul „Opțiuni” - fila „Setări”. "Sigiliu" veți fi liber să schimbați acest lucru și să alegeți opțiunea de a imprima evidențierea codului în culoare, a permite afișarea numerelor de rând, antetelor și subsolurilor etc. lucruri:
- Acest editor de text avansat are și capacitatea de a deschide câte documente noi doriți, fără teama de a aglomera bara de activități a sistemului de operare. La unison cu browserele moderne, va deschide toate documentele noi nu într-o fereastră nouă de program, dar într-o filă nouă fereastra deja deschisa.
Mai mult, aceste file ale diverselor documente din fereastra acestui notebook pot fi trase arbitrar cu mouse-ul, închise și minimizate.
Ei bine, în funcție de setările efectuate ("Opțiuni" - "Setări"), toate filele deschise înainte de închiderea Notepad ++ vor fi restaurate data viitoare când programul este pornit (din nou, similar cu munca browserelor). Puteți închide inutil dublu click pe ele sau așezați-le vertical.
- Pe lângă operațiunile obișnuite cu file, în acest editor va fi posibilă deschiderea într-o singură fereastră deodată două copii ale aceluiași document... Acest lucru poate fi necesar dacă trebuie să lucrați cu documentul în diferitele sale părți (unde unde să căutați sau să copiați și undeva unde să lipiți).
Pentru a activa acest mod, trebuie doar să faceți clic Click dreapta mouse-ul pe fila dorită Editor PHP si alege din element de comandă rapidă Duplicați într-o altă fereastră.
Este foarte convenabil ca, prin salvarea modificărilor într-una dintre copiile documentului, să fie actualizat și al doilea (adică nu te vei încurca - ai salvat modificările făcute și în ce copie).
- si mie imi place foarte mult căutare încorporată pe documente Html sau PHP deschise cu posibilitate de înlocuire(unii oameni folosesc în mod activ expresii obișnuite pentru asta, dar spre rușinea mea nu le cunosc). Toată bogăția căutării din acest editor de text avansat poate fi apreciată prin simpla deschidere a elementului de meniu „Căutare”. Vedeți captura de ecran de la începutul articolului.
În general, acest editor de text a luat o mulțime de lucruri utile și convenabile din funcționalitatea altor aplicații, pentru care un respect separat pentru dezvoltatorii săi și cei care fac pluginuri pentru el, dintre care unele vor fi discutate acum.
Folosind pluginuri în Notepad ++
Permiteți-mi să vă reamintesc că pentru a instala un nou plugin, trebuie doar să selectați din meniul de sus al editorului „Plugins” - „ Manager Plagin"-" Afișați Managerul Plagin ".
Iar în fereastra care se deschide, în prima filă (din meniul de sus), bifați caseta de lângă pluginul necesar și faceți clic pe butonul "Instalare".
După aceea, fereastra editorului va fi reîncărcată și noul plugin va fi disponibil în fila cu același nume. În general, totul nu este nicăieri mai ușor.
De ce pluginuri pentru Notepad ai putea avea nevoie în munca ta
- Dacă instalați pluginul Customize Toolbar utilizând Plagin Manager, veți putea să remanierați, să eliminați sau să adăugați altele noi. butoanele din bara de instrumente acest program.
- La începutul articolului, am menționat Light Explorer, care adaugă posibilitatea de a deschide în coloana din stânga manager de fișiere... Cu toate acestea, în același scop, puteți folosi Explorer, pe care îl veți găsi în managerul de pluginuri.
- Plugin grozav WebEdit, care, prin analogie cu Editor HTML Wordpress pentru a încadra textul cu cele mai populare etichete pentru titluri, liste, tabele și altele. Selectați fragmentul dorit și faceți clic pe unul dintre butoanele din bara de instrumente Notepad ++.
- ImgTags - permite cu dimensiuni orizontale și verticale deja prescrise (le calculează singur, ceea ce este foarte tare), pregătit Atributele ALTși SRC (de asemenea, va trebui să adăugați calea către folderul cu imagini de pe serverul dvs. de acolo).
O mulțime de gadgeturi suplimentare și convenabile sunt furnizate de plugin „TextFX”, care după instalare va fi disponibil în articolul cu același nume din meniul de sus al editorului. Dacă nu aveți încă un astfel de articol, atunci mergeți la „Plugins” - „Plagin Manager” - „Afișați Plagin Manager”, derulați în jos lista din prima filă și bifați caseta de lângă TextFX Character.
După instalarea acestuia, editorul se va reporni și se va afișa meniul articol nou TextFX cu o mulțime de meniuri derulante. De exemplu, activarea opțiunii prezentate în figură vă poate ușura mult viața atunci când editați sau scrierea html cod:
În acest caz, de îndată ce introduceți eticheta Html de deschidere în editorul de text Notepad ++, o etichetă de închidere potrivită va apărea imediat lângă ea. În fața unei economii puternice de timp și a unei scăderi semnificative a probabilității de erori din cauza unei etichete neînchise. Totuși, acest lucru mă enervează și nu îl folosesc. Dar asta nu-i imploră în niciun caz demnitatea.
Există o mulțime de gadgeturi în „TextFX”, așa că încercați singur munca lor în practică și decideți ce anume vă va fi convenabil și util.
Ei bine, continuând tema filelor în editor, merită menționată posibilitatea compararea a două documente... În primul rând, acest plugin va trebui să fie instalat prin Plagin Manager:
Pentru a activa modul de comparare a documentelor în Notepad ++, trebuie doar să selectați elementele „Suplimente” - „Comparare” - „Comparare” din meniul de sus sau apăsați Alt + D de pe tastatură. Ca urmare, fila activă în prezent va fi deschisă în fereastra acestui notebook, precum și fila situată lângă acesta.
Pentru comoditatea comparării a două documente Html sau PHP, editorul Notepad ++ vă va evidenția diferențele dintre ele. Pentru a trece la modul normal de lucru cu documente, selectați elementele „Suplimente” - „Comparare” - „Ștergeți rezultatele” din meniul de sus sau apăsați Ctrl + Alt + D de pe tastatură.
Mai mult, două documente din fereastra Notepad ++ pot fi vizualizate atât pe verticală, cât și pe orizontală. Pentru a selecta metoda cea mai convenabilă pentru dvs., faceți clic dreapta pe locul secțiunii lor și selectați direcția de rotație (dreapta sau stânga).
Apropo, dacă tu, ca mine, folosești în principal Notepad ++ pentru a edita HTML, sau fișiere PHP site-ul dvs., atunci s-ar putea să vă fie util să vă puteți conecta la acesta prin FTP direct din acest editor de text... Mie, însă, îmi place mai mult să lucrez cu FileZilla, mai ales că au reușit chiar să-mi fure parolele din el.
Dacă doriți să încercați să lucrați pe FTP prin Notepad, atunci selectați din meniul de sus articolele „Plugins” - „NppFTP” - „Afișați fereastra NppFTP”, în urma cărora se va deschide fereastra client FTP în partea dreaptă.
Pentru a configura o conexiune FTP, faceți clic pe pictograma roată, selectați „Setare profil” și introduceți detaliile conexiunii. Lucrările ulterioare nu diferă mult de ceea ce am scris în articolul despre FileZilla, care trăiește.
Verificați caseta de ortografie în Notepad ++ folosind pluginuri
A conecta Verificarea gramaticii ruse Notepad ++ folosește pluginul Shell-Checker (din elementul de meniu Plugins), pentru care trebuie să descărcați dicționarul în limba rusă de pe această pagină, iar când acest plugin de verificare ortografică este activat, specificați calea de pe computer către fișierul dicționar.
Există câteva nuanțe ale instalării. Mai întâi vei avea nevoie Descarca Program de instalare complet și apoi un fișier cu dicționarul rus aspell-ru-0.50-2-3.exe. Mai întâi, instalați programul de instalare complet, în al cărui expert, personal, nu am schimbat calea implicită (c: \ Program Files (x86) \ Aspell \).
Apoi instalați pachetul de limbă, unde trebuie mai întâi să introduceți litera „y” în fereastra DOS și să apăsați Enter de pe tastatură (deși, poate a fost doar pentru mine, deoarece instalasem deja GNU Aspell pe computerul meu înainte):
Apoi va începe vrăjitorul standard pentru instalarea dicționarului rus, unde, din nou, nu am schimbat calea implicită. Tot.
Acum reporniți Notepad ++ și fie selectați elementele afișate chiar mai sus din meniu, fie țineți apăsată combinația nerealistă CTRL + ALT + SHIFT + S de pe tastatură. În fereastra care se deschide, va trebui să introduceți calea către directorul BIN din folderul Aspell:
Dacă nu ați schimbat calea la instalarea GNU Aspell și dicționarul rus, atunci va trebui să introduceți aici:
C: \ Fișiere de program (x86) \ Aspell \ bin \
Ei bine, sau ceva similar, în funcție de sistemul dvs. de operare. Gata, acum selectați textul în care doriți să verificați ortografia și apăsați CTRL + ALT + SHIFT + S (în setările tastelor rapide, această combinație poate fi modificată - vezi mai sus). Va apărea o fereastră în care va fi afișată prima eroare găsită:
Puteți să-l ignorați sau să alegeți un înlocuitor potrivit dintre opțiunile propuse. Mai jos puteți schimba limba de verificare dacă ați instalat mai multe module de limbaj GNU Aspell. Asta e tot.
DSpellCheck- foarte soluție convenabilăîn maniera pluginului anterior, pentru că folosește și GNU Aspell și dicționarul său rusesc, dar face deja verificarea ortografică din mers, la fel ca în toate browserele moderne. Accesați managerul de pluginuri și instalați-l.
Imediat, implicit, verificarea gramaticală va fi activată (este dezactivată prin debifarea casetei de selectare afișată în captură de ecran), dar modulul va fi conectat doar cu limba engleză, așa că mergem la setările DSpellCheck și facem modificări.
Selectăm Aspell din lista derulantă (dacă nu l-ați instalat încă, apoi derulați puțin acest articol și încărcați modulul împreună cu limba rusă pachet lingvistic pentru a le instala pe sistemul de operare) și chiar mai jos specificați calea către fișierul aspell-15.dll. Chiar mai jos, selectați limba dicționarului de conectat, dacă puneți mai multe dintre ele, și faceți clic pe Aplicare.
Acum toate erorile găsite vor fi subliniate cu o linie ondulată roșie (culoarea poate fi schimbată în setări), iar când mutați cursorul mouse-ului, va apărea o săgeată, făcând clic pe care puteți selecta o opțiune ortografie corectă cuvântul dat sau puneți-l în dicționar sau în lista de ignorare.
Multă baftă! Ne vedem curând pe paginile site-ului blogului
puteți viziona mai multe videoclipuri accesând");">
S-ar putea să fiți interesat
Cum să eliminați liniile goale din Notepad ++ Cum să izolați domeniile dintr-o listă de adrese URL și să eliminați duplicatele acestora folosind Notepad ++ (pregătirea unei liste pentru link-uri Disavow)