Un editor di testo moderno, potente e tuttavia leggero, Brackets \u00e8 stato creato per sviluppatori front-end e web designer.<\/p>\n
Brackets offre strumenti visivi mirati e supporto per il preprocessore che semplificano la progettazione di designer e sviluppatori nel browser.<\/p>\n
L’editor di testo Brackets \u00e8 senza dubbio uno degli editor di codice pi\u00f9 popolari disponibili che viene fornito con numerose estensioni di Brackets.<\/p>\n
L’abbiamo usato noi stessi negli ultimi mesi mentre lavoravamo all’aggiornamento di wpDataTables<\/a><\/strong>, il plugin n. 1 per WordPress per tabelle e grafici.<\/p>\n Editor HTML open source, Adobe Brackets \u00e8 uno degli editor di testo pi\u00f9 apprezzati tra le fila degli sviluppatori frontend. Non \u00e8 cos\u00ec promosso come Atom, il nuovo editor di testo leggero sviluppato da GitHub, ma \u00e8 un promettente editor di codice e di testo.<\/p>\n Ottimizzate per HTML, JavaScript e CSS, le parentesi possono essere utilizzate su Windows, Mac OS e Linux. Puoi scaricare Brackets su brackets.io se stai cercando un editor HTML per Mac, Brackets per Windows, un editor HTML per Mac, Parentesi HTML o un editor HTML e CSS.<\/p>\n Parentesi mette in atto il completamento del codice dal punto di vista degli sviluppatori front-end e dei web designer. Diverse altre funzionalit\u00e0 definiscono le parentesi, tra cui l’apertura rapida, la ricerca rapida, l’integrazione della riga di comando e la selezione di pi\u00f9 codici.<\/p>\n Il pi\u00f9 grande vantaggio che viene fornito con Brackets come editor di codice e di testo \u00e8 un gran numero di estensioni disponibili che aggiungono funzionalit\u00e0 alle funzionalit\u00e0 integrate di Brackets. Le estensioni ti consentono di cambiare il tema dello studio visivo o persino di creare i tuoi temi Brackets.<\/p>\n Questo post introduce molte estensioni Brackets gratuite collegate a GitHub per garantire la protezione da bug o codici danneggiati:<\/p>\n Come suggerisce il nome, Beautify \u00e8 una delle migliori estensioni di Brackets progettate per rendere i codici belli. Abbellisci rende i file pi\u00f9 leggibili e ti consente di migliorarne anche l’aspetto con un tasto di scelta rapida: CMD-Shift-L (Mac) e Ctrl-Shift-L (Win).<\/p>\n Inoltre, puoi formattare il codice JavaScript e renderlo pi\u00f9 leggibile usando Beautify.<\/p>\n Progettato come postprocessor per gestire in modo efficiente i prefissi dei fornitori, Autoprefixer analizza i file CSS e quindi allega i prefissi dei fornitori alle regole CSS. Una volta che Autoprefixer \u00e8 integrato nel tuo strumento di creazione di risorse, sei pronto. Inoltre, cancella i prefissi non aggiornati.<\/p>\n Questa \u00e8 una delle estensioni di Brackets progettata per migliorare il flusso di lavoro CSS e HTML. Ti consente di digitare espressioni simili a CSS che verranno quindi analizzate e risulteranno in output in base a ci\u00f2 che hai letteralmente digitato nell’abbreviazione.<\/p>\n Le abbreviazioni prodotte da Emmet appariranno come pattern CSS. Tuttavia, vengono analizzati durante il runtime e di conseguenza trasformati in un blocco strutturato con la semplice pressione di un tasto. Dopo aver raccolto le abbreviazioni, puoi accelerare il flusso di lavoro CSS e HTML.<\/p>\n Minifier \u00e8 una delle estensioni Brackets che minimizza i file CSS e JavaScript utilizzando un tasto di scelta rapida: CMD+M o Ctrl+M. Vengono salvati come nomefile.min.ext. \u00c8 un’estensione molto efficiente in termini di tempo perch\u00e9 comprime i file e minimizza i JS rilevanti mentre lavori.<\/p>\n Un’estensione Brackets molto utile, ToDo \u00e8 un’ottima soluzione per visualizzare, tenere traccia e contrassegnare come completate o ordinare le attivit\u00e0 da fare nel progetto o nel documento corrente. Cinque tag, inclusi ToDo, Note, Changes, FixMe e Future sono supportati da questa estensione Brackets.<\/p>\n Una grande caratteristica di questa estensione \u00e8 che ti consente di definire i tuoi tag e di personalizzare i colori per i tag. Puoi usare la tua creativit\u00e0 con questa estensione Brackets.<\/p>\n Snippets \u00e8 stato progettato per utilizzare scorciatoie per scrivere i codici pi\u00f9 comunemente utilizzati e creare una libreria di frammenti di codice che ti consentir\u00e0 di scrivere codice CSS, JS, HTML digitando solo poche lettere in un frammento di codice. Non dovrai scrivere ripetutamente lo stesso codice e tag.<\/p>\n \u00c8 importante copiare il giusto numero di parole in una sezione di design, che pu\u00f2 essere un’attivit\u00e0 che fa perdere molto tempo per i designer. Lorem Ipsum, come suggerisce adeguatamente il nome, gestir\u00e0 questo compito per te e compiler\u00e0 sezioni di progettazione con il numero di parole specificato.<\/p>\n Un comando come lorem_wrap200. e 200 parole appariranno magicamente dove necessario.<\/p>\n Mentre Lorem Ipsum \u00e8 una delle estensioni Brackets che riempiono sezioni di progettazione con testo fittizio<\/a>, Lorem Pixel genera immagini segnaposto per varie sezioni di progettazione.<\/p>\n Questa estensione \u00e8 semplice da usare e ti consente di personalizzare le dimensioni dell’immagine segnaposto con un editor visivo. Ti consente anche di utilizzare URL personalizzati per incorporare immagini fittizie.<\/p>\n Ricordi i tag di markup? A nessuno piace digitare quei tag, ma sono obbligatori per ogni nuovo documento, indipendentemente dal fatto che utilizzi PHP, HTML o JavaScript. Any Template \u00e8 una delle estensioni di Brackets dedicate alla creazione di modelli con markup pre-scritto.<\/p>\n Successivamente, puoi iniziare subito con un nuovo documento senza dover digitare quei tag di markup obbligatori. Seleziona un modello HTML insieme ai tag HTML predefiniti se desideri creare un nuovo documento HTML. Lo stesso vale per PHP o JavaScript.<\/p>\n Brackets Icons \u00e8 un’estensione creata per aiutare sviluppatori e designer a incorporare le icone dei file nella barra laterale di Brackets. Come sai, un elemento visivo, come un’icona, semplifica l’identificazione dei file rispetto a nessun indicatore o indicatore di testo.<\/p>\n Un’utile estensione Brackets, CSSLint \u00e8 stato progettato per identificare e individuare i problemi relativi alla qualit\u00e0 del codice e agli errori CSS. L’estensione segnala errori\/problemi utilizzando le regole CSS Lint.<\/p>\n Non \u00e8 scienza missilistica installare nessuna delle estensioni Brackets disponibili:<\/p>\n Allo stesso modo puoi installare temi. \u00c8 abbastanza semplice!<\/p>\n Non esiste un altro editor di codice<\/a> per sviluppatori front-end e web designer pi\u00f9 versatile di Brackets. \u00c8 il miglior editor nella sua categoria ed \u00e8 dotato di una serie di incredibili funzionalit\u00e0 che puoi potenziare con la funzionalit\u00e0 aggiunta delle estensioni.<\/p>\n Se ti \u00e8 piaciuto leggere questo articolo sulle estensioni Brackets, dovresti dare un’occhiata a questo sullo stipendio degli sviluppatori di WordPress<\/a>.<\/p>\n Abbiamo anche scritto di alcuni argomenti correlati come le librerie JavaScript<\/a>, la formazione su WordPress<\/a>, la conversione di HTML in WordPress<\/a> e il miglior editor di codice<\/a>.<\/p>\nChe cos’\u00e8 parentesi da parentesi IO?<\/strong><\/h3>\n
![\"Staffe](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c79ae98b7.jpg\")
<\/a><\/p>\nCaratteristiche principali di Brackets, un editor CSS HTML leggero<\/strong><\/h3>\n
![\"Staffe](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c79bebfe4.jpg\")
<\/a><\/p>\n\n
Estensioni delle staffe gratuite<\/strong><\/h3>\n
\n
Abbellire<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Staffe](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c79cec5a2.jpg\")
<\/a><\/p>\n\n
Prefisso automatico<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Staffe](\"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
![\"Staffe](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c79f09a12.jpg\")
<\/a><\/p>\n\n
Miniatore<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Staffe](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a00dd88.jpg\")
<\/a><\/p>\n\n
Tutto<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Staffe](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a104719.jpg\")
<\/a><\/p>\n\n
Frammenti<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Staffe](\"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
![\"Staffe](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a30d88a.jpg\")
<\/a><\/p>\n\n
Benvenuto nel Pixel<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Staffe](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a41d37e.png\")
<\/a><\/p>\n\n
Qualsiasi modello<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Staffe](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a500a4d.jpg\")
<\/a><\/p>\n\n
Icone di parentesi<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Staffe](\"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
![\"Staffe](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a718cae.jpg\")
<\/a><\/p>\nInstallazione delle estensioni delle staffe<\/strong><\/h3>\n
![\"Staffe](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a8395f1.jpg\")
<\/a><\/p>\n\n
Considerazioni finali su come trovare le migliori estensioni per parentesi<\/strong><\/h3>\n