Paranteze vs SublimeText3: pe care să îl alegeți?

Am avut o schiță destul de avansată pe blogul meu local despre comparația pe care o făcusem Console y SublimeText3, dar astăzi a trebuit să schimb aproape totul, deoarece puține defecte sau lipsa de opțiuni în care am găsit Console, pot fi opace folosind extensii.

Console a provocat senzație. Faptul de a fi un editor open source i-a oferit un plus în comparație cu alte alternative și provenind din chirpici, nu este pentru mai puțin decât cel puțin provoacă curiozitate.

Dar hei, să trecem la treabă. Ceea ce intenționez este să fac o comparație între Console y SublimeText3O folosesc pe aceasta din urmă de ceva timp din diverse motive.

Cum să obțineți aparate dentare?

Descărcați Console trebuie doar să mergem la pagina de descărcare de pe site-ul său oficial și descărcați un .deb. Pașii de instalare în Ubuntu și derivate le-am văzut deja aici, dar în cazul ArchLinux Les Am arătat o metodă care acum s-a schimbat puțin.

Practic acum ce trebuie să facem ArchLinux Este următorul:

• Descărcăm .deb și îl dezarhivăm.
• Dosarul este creat pentru noi paranteze-sprint-29-LINUX64 care va avea fișierul data.tar.gz în interior.
• De asemenea, dezarhivăm fișierul data.tar.gz și mai avem două foldere: opt / y usr /.
• Deschidem un terminal și executăm:

$ sudo cp -Rv opt / brackets / / opt / $ sudo cp usr / bin / brackets / usr / bin / $ sudo cp -Rv usr / share / doc / brackets / / usr / share / doc / $ sudo cp -R usr / share / applications / brackets.desktop / usr / share / applications / $ sudo cp usr / share / icons / hicolor / scalable / apps / brackets.svg / usr / share / icons / hicolor / scalable / apps /

Dacă am fi făcut deja instalarea așa cum v-am arătat anterior, va trebui să executăm în terminal:

$ sudo rm -Rv /usr/lib/brackets

Acum trebuie să modificăm sau să creăm fișierul /usr/share/applications/brackets.desktop astfel încât să arate astfel:

[Intrare desktop] Nume = Tip paranteze = Aplicații Categorii = Aplicație Exec = / opt / paranteze / Paranteze% U Pictogramă = paranteze MimeType = text / html;

Oricum, în dosar / opt / paranteze vine fișierul original. Gata, putem fugi Console din meniu. Dacă aveți probleme la pornirea acestuia, vă rugăm să citiți articolul anterior despre cum să instalați Paranteze în Arch Linux manual.

Cum se obține SublimeText3?

În cazul SublimeText, trebuie doar să mergem la dumneavoastră site-ul oficial și descărcați versiunea conform arhitecturii noastre. Apoi dezarhivăm fișierul descărcat undeva și pentru a avea SublimeText disponibil din meniul Aplicații, creăm fișierul /usr/share/applications/sublimetext3.desktop și îl punem înăuntru:

[Intrare desktop] Versiune = 3.0 Tip = Nume aplicație = Sublim Text 3 GenericName = Editor text Comentariu = Editor de text sofisticat pentru cod, marcare și proză Exec = / home / elav / Linux / Pachete / Dezvoltare / SublimeText3 / sublime_text% F Terminal = false MimeType = text / simplu; Icon = / home / elav / Linux / Pachete / Dezvoltare / SublimeText3 / Icon / 256x256 / sublime-text.png Categorii = TextEditor; Dezvoltare; StartupNotify = true Actions = Window; Document; [Fereastra de acțiune desktop] Nume = Fereastră nouă Exec = / home / elav / Linux / Pachete / Dezvoltare / SublimeText3 / sublime_text -n OnlyShowIn = Unitate; [Document de acțiune desktop] Nume = Executare fișier nou = / home / elav / Linux / Pachete / Dezvoltare / SublimeText3 / sublime_text --comand new_file OnlyShowIn = Unity;

Bineînțeles că trebuie să schimbe traseul / home / elav / Linux / Pachete / Dezvoltare / după dosarul în care au despachetat SublimeText3. În folderul Sublime apare și fișierul .desktop.

interfață

Interfața ambilor editori este foarte similară. Un panou din stânga cu Proiecte și fișiere deschise, un meniu în partea de sus cu opțiunile editorului, deși în cazul Brackets, acesta va apărea deasupra zonei de editare.

Ceva care îmi place SublimeText este Mini hartă care apare în partea dreaptă a zonei de editare, ceea ce ne permite să ne deplasăm cu ușurință prin întregul document. Dar așa cum am spus la început, în Console puteți, de asemenea, datorită extensiilor.

SublimeText De asemenea, ne permite să schimbăm aspectul zonei de editare datorită unei serii de stiluri care sunt deja incluse în mod implicit, precum și să stabilim preferințele noastre ca utilizator și cel mai important dintre toate, comenzile rapide de la tastatură.

Si ghici ce? Ei bine, extensiile Console care ne permit să facem același lucru:

Performanță

Cizma de SublimeText3 este mult mai rapid decât cel al ConsoleAș spune că este aproape instantaneu. Console rulează rapid, mai ales de la ultima versiune (primăvara 29), dar este nevoie de câteva miimi de secundă pentru a încărca proiectul pe care l-am lăsat deschis anterior.

Cu două fișiere deschise în ambii editori, consumul de SublimeText este ceva mai mare decât Console, și rămâne așa cu utilizarea fiecăruia.

Usability

Dintr-o privire, examinând fiecare meniu, ne dăm seama de asta SublimeText aveți mult mai multe opțiuni decât Console. După cum am menționat anterior, ne oferă mai multe comenzi rapide de la tastatură și posibilitatea de a le modifica și personaliza în mod implicit. Ambele le împărtășesc pe cele mai multe dintre ele, cum ar fi comentarea unei linii folosind Ctrl + /.

SublimeText are gene (Brackets face acest lucru cu o extensie, deși nu este foarte lustruit), ceea ce ne face mult mai ușor să ne deplasăm între fișierele noastre fără a fi nevoie să mergem la panoul lateral.

Dar Console Are ceva ce mi-a plăcut și îl face foarte, foarte productiv.

En Console Când edităm un fișier HTML și dorim să edităm codul CSS al unei etichete sau codul JS, nu trebuie să deschidem fișierul .css sau .js pentru acesta. Punem cursorul doar pe etichetă pentru a edita și apăsați Ctrl + E. Și uite ce se întâmplă:

După cum puteți vedea, este afișată o zonă care ne arată codul CSS asociat cu acea etichetă. Acolo îl putem edita și salva fără a fi nevoie să deschidem .css original.

În plus, va fi afișat în toate fișierele .css că stilul este aplicat etichetei respective și în linia în care este aplicat stilul.

Un alt detaliu care îmi place SublimeText pe Console, este că atunci când ne punem pe o etichetă de deschidere sau de închidere, ne spune care îi corespunde fie la sfârșit, fie la început. SublimeText ne permite, de asemenea, să restrângem o etichetă părinte și conținutul acesteia.

Alte funcționalități ale SublimeText Ceea ce îmi place este să pot organiza textul alfabetic, foarte util atunci când vrem să avem fișierul .css bine ordonat.

Completare automată

Un alt punct în favoarea Console este completarea automată, ceea ce este mult mai bun decât SublimeText din două motive: Arătați o sugestie ca și dumneavoastră Bluefish și are mai multe opțiuni de completare automată (proprietăți CSS și etichete HTML).

Da, Console în mod implicit, nu închide parantezele {} automat, dar rezolvăm acest lucru cu ușurință în Meniu »Editare» Completează automat parantezele. Și gata.

Extensii

Ambii editori au extensii, care pot fi instalate relativ ușor. În cazul în care SublimeText, există un plugin interesant numit Controlul pachetului care ne permite să instalăm restul extensiilor foarte ușor.

Singura problemă pe care o găsesc este că nu știu cum să o fac manual, adică să descarc extensia de pe Internet într-un fișier separat și nu direct din editor.

Nu este că nu poți, ci doar asta Console este mai simplu. Trebuie doar să deschidem Manager extensii și le putem vedea pe cele pe care le-am instalat sau pe care le putem instala:

Putem intra și noi la director de Extensii, descărcați .zip, dezarhivați-le și puneți-le înăuntru ~ / .Brackets / extensions / user /. Repornim editorul și gata.

Ediție online

Această funcționalitate este excelentă, deși nu o folosesc deloc, așa că nu pot oferi un criteriu obiectiv despre aceasta. În teorie, folosind Chromium + Node.js, modificările pe care le facem în fișierele noastre HTML și CSS pot fi afișate automat în browser.

Parantezele vor deschide un conexiune live cu browserul local și va trimite modificările la fișierul CSS pe măsură ce tastați! Așa de ușor o descriu băieții de la Brackets.

În prezent, Brackets acceptă doar dezvoltarea live pentru CSS. Totuși, în versiunea curentă, modificările la fișierele HTML și JavaScript sunt detectate și reîncărcate automat în browser atunci când salvați. În prezent lucrăm la adăugarea de asistență pentru dezvoltarea live a HTML și JavaScript. În plus, actualizările automate sunt posibile numai în Google Chrome, dar sperăm să putem aduce în curând această funcționalitate tuturor browserelor majore.

Vizualizare rapidă

Pentru cei care nu au memorat încă echivalențele de culoare dintre HEX și RGB, Console vă permite să vedeți exact ce culoare este utilizată rapid și ușor.

Atât în ​​CSS, cât și în HTML, treceți cu mouse-ul peste orice culoare sau valoare de gradient și Console va afișa automat o previzualizare a acestuia.

Același lucru este valabil și pentru imagini: doar treceți cu mouse-ul peste adresa unei imagini din Console, și va afișa o vizualizare în miniatură a acestuia.

Concluzii

Deși aceasta a fost doar o scurtă recenzie a ambilor editori, care este atunci cel mai bun?

Poate ai observat că prefer Console, dar numai pentru faptul că este din Sursa deschisa și noul mod de a edita CSS mai rapid. Dar mai are un drum lung de parcurs pentru a trece peste SublimeText, atât în ​​funcționalitate, cât și în stabilitate.

Dezvoltarea Console el este foarte activ și se îmbunătățește cu fiecare nouă versiune, așa că am toate așteptările mele asupra lui. Dar nu se poate nega acest lucru SublimeText Are un drum lung de parcurs și se arată cu utilizarea sa. Sunt conștient că nu folosesc nici măcar jumătate din lucrurile pe care le oferă.

Faptul că trebuie plătită o licență SublimeText nicio problemă, poate fi folosit fără ea. Este un editor excelent, probabil cel mai bun pe care l-am folosit până acum, dar totul este pe gustul și alegerea tuturor. Deocamdată le folosesc pe amândouă, așa că văd evoluția Console, care promite multe.