Moodne, v\u00f5imas ja samas kerge tekstiredaktor Brackets loodi esiotsa arendajatele ja veebidisaineritele.<\/p>\n
Brackets pakub keskendunud visuaalseid t\u00f6\u00f6riistu ja eelprotsessori tuge, mis muudab disainerite ja arendajate jaoks brauseris kujundamise lihtsaks.<\/p>\n
Bracketsi tekstiredaktor on kahtlemata \u00fcks populaarsemaid saadaolevaid koodiredaktoreid, mis on varustatud arvukate Bracketsi laiendustega.<\/p>\n
Oleme seda viimastel kuudel ise kasutanud, t\u00f6\u00f6tades WordPressi pistikprogrammi nr 1 tabelite ja diagrammide v\u00e4rskendamisel wpDataTables .<\/a><\/strong><\/p>\n Avatud l\u00e4htekoodiga HTML-i redigeerija Adobe Brackets on kasutajaliidese arendajate seas \u00fcks hinnatumaid tekstiredaktoreid. Seda ei reklaamita nii h\u00e4sti kui GitHubi v\u00e4lja t\u00f6\u00f6tatud uut kerget tekstiredaktorit Atom, kuid see on paljut\u00f5otav koodi- ja tekstiredaktor.<\/p>\n HTML-i, JavaScripti ja CSS-i jaoks optimeeritud sulgusid saab kasutada Windowsis, Mac OS-is ja Linuxis. Bracketsi saate alla laadida saidilt brackets.io, kui otsite HTML-redaktorit Macile, Bracketsi Windowsile, Maci HTML-redaktorile, HTML Bracketsile v\u00f5i HTML-i ja CSS-i redaktorile.<\/p>\n Brackets rakendab koodi l\u00f5petamist esiotsa arendajate ja veebidisainerite vaatenurgast. Mitmed muud funktsioonid m\u00e4\u00e4ravad sulud, sealhulgas kiiravamine, kiirotsing, k\u00e4surea integreerimine ja mitme koodi valik.<\/p>\n Bracketsi kui koodi- ja tekstiredaktoriga kaasnevaks suurimaks eeliseks on saadaolevate laienduste suur hulk, mis lisavad Bracketsi sisseehitatud funktsioonidele funktsionaalsust. Laiendused v\u00f5imaldavad teil muuta visuaalstuudio teemat v\u00f5i isegi luua Bracketsi teemasid.<\/p>\n See postitus tutvustab paljusid tasuta Bracketsi laiendusi, mis on tagasi lingitud GitHubiga, et tagada kaitse vigade v\u00f5i rikutud koodide eest:<\/p>\n Nagu nimigi \u00fctleb, on Beautify \u00fcks parimaid Bracketsi laiendusi, mis on loodud koodide hea v\u00e4ljan\u00e4gemise tagamiseks. Beautify muudab failid eriti loetavaks ja v\u00f5imaldab teil nende v\u00e4limust t\u00e4iustada ka kiirklahviga: CMD-Shift-L (Mac) ja Ctrl-Shift-L (Win).<\/p>\n Samuti saate Beautify abil vormindada JavaScripti koodi ja muuta selle loetavamaks.<\/p>\n Autoprefixer, mis on loodud postprotsessorina, et hallata t\u00f5husalt hankija eesliiteid, anal\u00fc\u00fcsib CSS-faile ja lisab seej\u00e4rel CSS-i reeglitele hankija eesliited. Kui Autoprefixer on teie varade kogumist\u00f6\u00f6riista integreeritud, on k\u00f5ik valmis. Lisaks p\u00fchib see vananenud eesliited.<\/p>\n See on \u00fcks Bracketsi laiendustest, mis on loodud CSS-i ja HTML-i t\u00f6\u00f6voo t\u00e4iustamiseks. See v\u00f5imaldab teil sisestada CSS-i sarnaseid v\u00e4ljendeid, mis seej\u00e4rel s\u00f5elutakse ja mille tulemuseks on v\u00e4ljund vastavalt sellele, mida te s\u00f5na otseses m\u00f5ttes l\u00fchendite sisestasite.<\/p>\n Emmeti loodud l\u00fchendid kuvatakse CSS-i mustritena. Neid s\u00f5elutakse aga k\u00e4itusajal ja muudetakse \u00fche klahvivajutusega struktureeritud plokiks. Kui olete l\u00fchendid \u00fcles v\u00f5tnud, saate CSS-i ja HTML-i t\u00f6\u00f6voogu kiirendada.<\/p>\n Minifier on \u00fcks bracketsi laiendustest, mis minimeerib CSS- ja JavaScript-faile kiirklahvi abil: CMD+M v\u00f5i Ctrl+M. Need salvestatakse failinimi.min.ext. See on v\u00e4ga ajas\u00e4\u00e4stlik laiendus, kuna see tihendab faile ja minimeerib teie t\u00f6\u00f6 ajal asjakohaseid JS-i.<\/p>\n V\u00e4ga kasulik bracketsi laiendus, ToDo on suurep\u00e4rane lahendus praeguses projektis v\u00f5i dokumendis kuvamiseks, j\u00e4lgimiseks ja l\u00f5petatuks m\u00e4rkimiseks v\u00f5i \u00fclesannete sortimiseks. See Bracketsi laiendus toetab viit silti, sealhulgas ToDo, Note, Changes, FixMe ja Future.<\/p>\n Selle laienduse suurep\u00e4rane omadus on see, et see v\u00f5imaldab teil m\u00e4\u00e4rata oma sildid ja kohandada siltide v\u00e4rve. Selle Bracketsi laiendiga saate oma loovust kasutada.<\/p>\n Snippets loodi selleks, et kasutada otseteid k\u00f5ige sagedamini kasutatavate koodide kirjutamiseks ja luua koodil\u00f5ikude teegi, mis v\u00f5imaldab teil kirjutada CSS-, JS- v\u00f5i HTML-koodi, sisestades koodil\u00f5igusse vaid m\u00f5ne t\u00e4he. Te ei pea sama koodi ja silte korduvalt kirjutama.<\/p>\n Oluline on, et kopeeriksite kujunduse sektsiooni \u00f5ige arvu s\u00f5nu, mis v\u00f5ib olla disainerite jaoks v\u00e4ga aegan\u00f5udev tegevus. Lorem Ipsum, nagu nimigi adekvaatselt viitab, tegeleb selle \u00fclesandega teie eest ja t\u00e4idab kujunduse jaotised m\u00e4\u00e4ratud arvu s\u00f5nadega.<\/p>\n K\u00e4sk, n\u00e4iteks lorem_wrap200. ja 200 s\u00f5na ilmub v\u00f5luv\u00e4el sinna, kus vaja.<\/p>\n Kui Lorem Ipsum on \u00fcks bracketsi laiendustest, mis t\u00e4idab kujunduse jaotised n\u00e4iva tekstiga<\/a>, siis Lorem Pixel genereerib erinevate kujundussektsioonide jaoks kohat\u00e4itepilte.<\/p>\n Seda laiendust on lihtne kasutada ja see v\u00f5imaldab kohandada visuaalse redaktoriga kohat\u00e4ite kujutise suurust. Samuti v\u00f5imaldab see kasutada kohandatud URL-e, et lisada n\u00e4ivaid pilte.<\/p>\n Kas m\u00e4letate m\u00e4rgistussilte? Kellelegi ei meeldi nende siltide tippimine, kuid need on kohustuslikud iga uue dokumendi puhul, olenemata sellest, kas kasutate PHP-d, HTML-i v\u00f5i JavaScripti. Iga mall on \u00fcks bracketsi laiendustest, mis on m\u00f5eldud eelnevalt kirjutatud m\u00e4rgistusega mallide loomiseks.<\/p>\n Seej\u00e4rel saate kohe alustada uue dokumendiga, ilma et peaksite neid kohustuslikke m\u00e4rgistussilte sisestama. Kui soovite luua uue HTML-dokumendi, valige HTML-mall koos vaike-HTML-m\u00e4rgenditega. Sama kehtib PHP v\u00f5i JavaScripti kohta.<\/p>\n Brackets Icons on laiendus, mis loodi selleks, et aidata arendajatel ja disaineritel lisada failiikoone bracketsi k\u00fclgribale. Nagu teate, muudab visuaalne element, n\u00e4iteks ikoon, failide tuvastamise lihtsamaks kui indikaatori puudumine v\u00f5i tekstiindikaator.<\/p>\n Kasulik bracketsi laiendus CSSLint oli loodud koodikvaliteediga seotud probleemide ja CSS-i vigade tuvastamiseks ja t\u00e4pseks tuvastamiseks. Laiendus teatab vigadest\/probleemidest, kasutades CSS Lint reegleid.<\/p>\n Saadaolevate Bracketsi laienduste installimine pole raketiteadus:<\/p>\n Samamoodi saate installida teemasid. See on \u00fcsna lihtne!<\/p>\n Esiotsa arendajatele ja veebidisaineritele pole \u00fchtegi teist koodiredaktorit, mis oleks mitmek\u00fclgsem kui Brackets.<\/a> See on oma kategooria parim redaktor ja see on varustatud uskumatute funktsioonide komplektiga, mida saate laienduste lisafunktsioonidega t\u00e4iustada.<\/p>\n Kui teile meeldis seda artiklit Bracketsi laienduste kohta lugeda, peaksite seda WordPressi arendaja palga<\/a> kohta lugema .<\/p>\n Kirjutasime ka m\u00f5nest seotud teemast, nagu JavaScripti teegid<\/a>, WordPressi koolitus<\/a>, HTML-i teisendamine WordPressiks<\/a> ja parim koodiredaktor<\/a>.<\/p>\nMis on Brackets alates Brackets IO?<\/strong><\/h3>\n
![\"Sulgude](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c79ae98b7.jpg\")
<\/a><\/p>\nKerge HTML-i CSS-i redaktori Bracketsi p\u00f5hifunktsioonid<\/strong><\/h3>\n
![\"Sulgude](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c79bebfe4.jpg\")
<\/a><\/p>\n\n
Tasuta sulgude laiendused<\/strong><\/h3>\n
\n
Kaunistada<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Sulgude](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c79cec5a2.jpg\")
<\/a><\/p>\n\n
Autoprefiks<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Sulgude](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c79de8da0.jpg\")
<\/a><\/p>\n\n
Emmet<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Sulgude](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c79f09a12.jpg\")
<\/a><\/p>\n\n
Minifier<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Sulgude](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a00dd88.jpg\")
<\/a><\/p>\n\n
K\u00f5ik<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Sulgude](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a104719.jpg\")
<\/a><\/p>\n\n
Katked<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Sulgude](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a1e78e2.jpg\")
<\/a><\/p>\n\n
Lorem Ipsum<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Sulgude](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a30d88a.jpg\")
<\/a><\/p>\n\n
Tere tulemast Pixeli<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Sulgude](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a41d37e.png\")
<\/a><\/p>\n\n
Mis tahes mall<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Sulgude](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a500a4d.jpg\")
<\/a><\/p>\n\n
Sulgude ikoonid<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Sulgude](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a5f0256.jpg\")
<\/a><\/p>\n\n
CSSLint<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Sulgude](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a718cae.jpg\")
<\/a><\/p>\nBrackets Extensions paigaldamine<\/strong><\/h3>\n
![\"Sulgude](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a8395f1.jpg\")
<\/a><\/p>\n\n
L\u00f5petades m\u00f5tted parimate sulgude laienduste leidmiseks<\/strong><\/h3>\n