{"id":255611,"date":"2023-09-07T10:34:00","date_gmt":"2023-09-07T07:34:00","guid":{"rendered":"https:\/\/inform.click\/plugin-di-testo-sublime-per-sviluppatori-javascript\/"},"modified":"2023-09-07T11:28:00","modified_gmt":"2023-09-07T08:28:00","slug":"plugin-di-testo-sublime-per-sviluppatori-javascript","status":"publish","type":"post","link":"https:\/\/inform.click\/it\/plugin-di-testo-sublime-per-sviluppatori-javascript\/","title":{"rendered":"Plugin di testo sublime per sviluppatori JavaScript"},"content":{"rendered":"

\n L'editor di testo Sublime<\/strong> \u00e8 un nome abbastanza familiare nella comunit\u00e0 degli sviluppatori (sia principianti che professionisti). \u00c8 stato sviluppato con supporto multipiattaforma per la modifica del codice sorgente e del testo.\n<\/p>\n

\n Sebbene la versione attuale (Sublime text 3) sia in fase beta, \u00e8 pi\u00f9 veloce della versione 2 e include molte funzionalit\u00e0. Supporta nativamente un'ampia gamma di linguaggi di programmazione e markup e i plug-in di editor di testo sublimi gratuiti<\/strong> creati dalla comunit\u00e0 hanno portato la sua funzionalit\u00e0 a un nuovo livello.\n<\/p>\n

\n Molti sviluppatori si attengono a questo editor a causa del vasto repository di plug-in. In questo articolo ci concentreremo su alcuni dei plugin pi\u00f9 utili per gli sviluppatori JavaScript.\n<\/p>\n

\n Linting\n<\/p>\n

\n Gli strumenti di linting aiutano gli sviluppatori a rilevare errori, discrepanze sintattiche e potenziali problemi. Pu\u00f2 anche essere utilizzato per assicurarsi che il progetto corrisponda a una determinata linea guida di codifica.\n<\/p>\n

\n SublimeLinter-eslint<\/a>
\n<\/h5>\n

\n Supporta la versione Sublime Text 3 e fornisce un'interfaccia a ESLint<\/a> per operare con file con sintassi “JavaScript”. SublimeLinter 3, Node.js, npm ed eslint sono i prerequisiti per l'installazione di questo plugin. Comprende una pletora di regole con opzioni anche per personalizzare loro. Ti verr\u00e0 data l'opzione esatta per scrivere nel file di configurazione al fine di disattivare ogni avviso ed errore. Una cosa importante da notare qui \u00e8 che questo plugin \u00e8 l'unico a supportare JSX e il supporto per ES6 \u00e8 molto di pi\u00f9 superiore rispetto ad altri plugin.\n<\/p>\n

\n Utilizzo<\/strong>: a seconda della configurazione di SublimeLinter, il codice verr\u00e0 lintato durante la modifica o il salvataggio. Questo pu\u00f2 essere configurato usando Choose Lint Mode<\/code>il comando.\n<\/p>\n

\n Sublime-JSHint<\/a>
\n<\/h5>\n

\n Il plug-in JSHint Gutter \u00e8 compatibile sia con Sublime Text 2 che con 3. Consente agli sviluppatori di controllare il codice JavaScript per errori terribili e convenzioni di codifica. Questo plugin pu\u00f2 anche essere configurato per mostrare suggerimenti nel gutter e funzionare senza problemi con file .jshintrc specifici del progetto. Si basa su JSHint, un fork di JSLint. Poich\u00e9 il linter \u00e8 scritto in JavaScript, Node.js \u00e8 necessario per interpretare il codice JavaScript al di fuori del browser.\n<\/p>\n

\n Utilizzo<\/strong>: Ctrl+alt+J<\/code>per Windows o Cmd+Option+J<\/code>se sei su un Mac. Puoi anche fare clic con il tasto destro, selezionare JSHint e fare clic su Lint Code<\/code>. Un altro modo \u00e8 aprire un file JavaScript, aprire la console in Sublime Text from View, quindi Show Console e digitare view.run_command(\"jshint\")<\/code>. Si consiglia di impostare la propria combinazione di tasti per questo andando su Preferenze -> Associazioni tasti – Utente e aggiungendo un comando come { \"keys\": [\"ctrl+shift+j\"], \"command\": \"jshint\" }<\/code>in quell'array.\n<\/p>\n

\n Formattazione
\n<\/h3>\n

\n Gli strumenti di formattazione vengono utilizzati per abbellire i blocchi di codice e formattarli per renderli pi\u00f9 leggibili.\n<\/p>\n

\n Sublime-jsfmt<\/a>
\n<\/h5>\n

\"\"<\/a><\/p>\n

\n Questo plugin supporta entrambe le versioni di Sublime Text e formatta automaticamente il codice JavaScript secondo uno stile particolare. Lo sviluppatore non ha bisogno di leggere gli avvisi e correggere manualmente il problema di formattazione. In pu\u00f2 essere installato tramite il gestore pacchetti selezionando jsfmt<\/code>nel menu a discesa.\n<\/p>\n

\n Utilizzo<\/strong>: il file .jsfmtrc specifico del progetto pu\u00f2 essere inserito nella directory principale del progetto per le configurazioni. Vi si pu\u00f2 accedere attraverso il seguente percorso: Preferences -> Package Settings -> Sublime JSFMT<\/code>. Oltre a questo, esiste una disposizione per impostare la scorciatoia da tastiera andando su Preferenze -> Associazioni tasti – Utente e aggiungendo { \"keys\": [\"ctrl+q\"], \"command\": \"format_javascript\" }<\/code>l'array.\n<\/p>\n

\n JsFormat<\/a>
\n<\/h5>\n

\n Supporta entrambe le versioni di Sublime Text. Questo plug-in di formattazione JavaScript utilizza il formattatore della riga di comando di jsbeautifier<\/a> in background per formattare l'intero file js, json o solo la parte selezionata di un file. La configurazione specifica del progetto pu\u00f2 essere eseguita anche tramite le impostazioni del file .jsbeautifyrc. Oltre a questo, anche gli spazi bianchi e gli stili di formattazione sono personalizzabili.\n<\/p>\n

\n Utilizzo<\/strong>: l'associazione dei tasti predefinita \u00e8 ctrl+alt+f<\/code>per Windows e cmd+option+f<\/code>su Mac. Il plug-in utilizza le impostazioni di tabulazione\/rientro configurate con le impostazioni standard translate_tabs_to_spaces<\/code>e tab_size<\/code>sublime.\n<\/p>\n

\n Analisi del codice
\n<\/h3>\n

\n Questi sono i motori di inferenza del codice utilizzati per accelerare il processo di sviluppo fornendo il completamento automatico del codice, suggerimenti sugli argomenti delle funzioni, ecc.\n<\/p>\n

\n Tern per Sublime<\/a>
\n<\/h5>\n

\n Questo plug-in di analisi del codice per JavaScript \u00e8 stato sviluppato per integrarsi con gli editor di codice per l'editing intelligente di JavaScript. Viene fornito con alcune caratteristiche eleganti come:\n<\/p>\n