Riepilogo suggerimenti e trucchi per la modifica del testo

Abbiamo chiesto alla community di Smashing i loro trucchi preferiti per la modifica del testo, le scorciatoie e le funzionalità che consentono loro di risparmiare tempo. Ecco una carrellata di ciò che abbiamo trovato abbastanza utile insieme ad un paio di altri suggerimenti che potresti trovare utili.

Scorciatoie da tastiera preferite

Molti di voi hanno scorciatoie da tastiera preferite. Alcuni di questi saranno specifici dell'editor o del sistema operativo, anche se in molti casi sarai in grado di trovare una scorciatoia simile con gli strumenti che stai utilizzando. Ne ho raccolti alcuni dalla community di seguito.

Ste Grainer ha condiviso un suggerimento sulle scorciatoie di movimento e selezione:

Le scorciatoie di movimento/selezione di base che molti non conoscono:

Tieni premuto Cmd + tasto freccia per spostarti all'inizio/alla fine di una riga o all'inizio/alla fine di un documento.

Tieni premuto Opt + tasto freccia per spostare da una parola all'altra orizzontalmente e blocca per bloccare verticalmente.

Sposta per selezionare mentre fai quelli.

Da Jo Frank:

Seleziona tutte le occorrenze della selezione corrente ( Ctrl + SHIFT + L in VSCode) e duplica la riga/selezione che ho impostato come Ctrl + D .

Loris Gillet ha condiviso alcune scorciatoie preferite per saltare o eliminare il testo:

⌥ + le frecce avanti/indietro consentono di passare alla parola successiva anziché alla lettera successiva
⌥ + le frecce su/giù consentono di saltare all'inizio/alla fine del paragrafo
⌥ + Backspace cancella l'intera parola invece di lettere per lettere.

Molti dei suggerimenti suggeriti provenivano dagli sviluppatori web, suggerimenti per gli editor che utilizzavano più frequentemente. Abbiamo anche ricevuto suggerimenti per Android Studio da Maher Nabeel:

In Android Studio:

• Ctrl + D — Riga duplicata
• Ctrl + Y — Elimina riga
• Ctrl + W — Seleziona il blocco
• Ctrl + O : ignora i metodi
• Ctrl + ALT + L — Riformatta il codice

Fogli di collegamento dell'editor

Come possiamo vedere dai suggerimenti già pubblicati, l'apprendimento delle scorciatoie da tastiera per il tuo editor consente di risparmiare molto tempo. Vale sempre la pena dare un'occhiata a ciò che è disponibile per il tuo editor, poiché l'apprendimento di alcune di queste scorciatoie può risparmiare molto sulla digitazione nel corso di una giornata di scrittura del codice.

Su Twitter, Tobin Saunders ha consigliato il Cheat Sheet di Atom Editor, che è un elenco dettagliato di scorciatoie per Atom. Ho anche dato un'occhiata a ciò che era disponibile per altri editor di uso frequente.

Codice di Visual Studio

Il sito web di VS Code ha una serie di cheatsheet scaricabili in formato PDF, se lo ritieni utile tenere un cheatsheet stampato sulla tua scrivania.

• finestre
• Mac
• Linux

Joel Reis ha notato che se stai passando a VS Code da Sublime Text, Atom, Vim o Visual Studio, puoi scaricare le estensioni keymap. Ciò significa che puoi mantenere le scorciatoie da tastiera del tuo editor precedente. Questo suggerimento è stato notato anche su Smashing Magazine all'inizio di quest'anno quando Burke Holland ha condiviso con noi alcune delle cose che potresti essere sorpreso di scoprire che VS Code può fare, nel suo articolo "Visual Studio Code Can Do That?"

Testo sublime

Una buona selezione di scorciatoie di Sublime Text 3 per Windows, Mac e Linux può essere trovata qui.

Abbiamo anche un articolo qui su Smashing Magazine in cui Jai Panda condivide alcuni dei suoi suggerimenti e trucchi per i testi sublimi preferiti.

Personalizzazione del tuo ambiente

Le nostre tastiere e le impostazioni predefinite del computer sono progettate più per la digitazione del testo che per la digitazione del codice. Alcuni commentatori hanno apportato modifiche alle loro impostazioni predefinite per rendere più veloce la digitazione delle cose di cui hanno più spesso bisogno.

Alex Semenikhine ha dato questo suggerimento:

Riduco al minimo il numero di volte in cui devo tenere premuto Maiusc e premere un pulsante. Se inserisco parentesi ( ( ) ) molto più spesso di quanto utilizzo 9 e 0 , personalizzo la tastiera in modo che rifletta ciò, il mio 9 è ( e Shift + 9 è 9 , ecc.

Paul van den Tool imposta "Ripeti tasto" e "Ritardo fino a ripetizione" sull'impostazione più alta in modo che il suo cursore "svola attraverso lo schermo quando si usano le frecce".

Jaron Barends ci ha raccontato come ha “creato Alt + ; come scorciatoia per inserire un punto e virgola alla fine di una riga corrente."

Usando Emmet

Diverse persone hanno menzionato il sistema di espansione del testo di Emmet. Se codifichi a mano molto HTML e CSS, Emmet può farti risparmiare molto tempo di digitazione. Quando si scrive HTML, le abbreviazioni Emmet risulteranno familiari a chiunque comprenda i CSS. Ad esempio, se desideri creare un elenco non ordinato all'interno di un elemento div , puoi utilizzare quanto segue:

 div>ul>li

Che poi si trasformerebbe in:

 <div> <ul> <li></li> </ul> </div>

L'abbreviazione è esattamente il selettore che selezionerebbe il li nei CSS. Un div con a ul come figlio diretto e a li come figlio diretto di ul . Dai un'occhiata al Cheat Sheet di Emmet per ulteriori esempi.

Emmet è integrato in VS Code ed è disponibile come plug-in per molti altri editor.

Usa un gestore di appunti

Erik Verbeek suggerisce di utilizzare un gestore di appunti in modo da poter prendere il codice copiato dalla cronologia. Suggerisce di utilizzare ClipMenu per OS X, che purtroppo sembra essere interrotto.

Strumenti simili includono:

• CopyClip per MacOS
• PasteBot per MacOS
• Idem per Windows
• 1 Appunti Windows e MacOS (attualmente in versione beta)

Molti editor includono anche una cronologia degli appunti per le azioni di copia e incolla all'interno dell'editor. Su Twitter, @codevoodoo ha notato che Webstorm aveva una caratteristica del genere. C'è un'estensione della cronologia degli appunti per VS Code e un pacchetto per Atom; Sublime Text ha questo integrato, come spiega questo tutorial sulla cronologia degli appunti di Sublime Text.

Una raccolta di strumenti consigliati

C'erano alcuni strumenti specifici consigliati nei commenti, quindi ecco una carrellata di strumenti utili di cui potresti non aver sentito parlare.

Vim

Le persone a cui piace Vim, amano davvero molto Vim. Certamente viene fornito con una curva di apprendimento, tuttavia, se sei molto interessato all'ottimizzazione della modifica della tastiera, è probabile che il tempo investito ne varrà la pena. Come sottolinea Jess Telford, puoi fare cose come digitare 13k per spostare il cursore di 13 righe.

Dai un'occhiata al Cheat Sheet di Vim per un elenco di comandi. Puoi usare l'emulazione Vim in molti altri editor. La mappatura delle chiavi menzionata in precedenza per VS Code include mappature per Vim ed è disponibile anche un plug-in per Atom.

Più carino

Prettier è uno strumento di formattazione del codice supponente open source. L'uso di Prettier garantisce che tutto il codice sia formattato in uno stile coerente. Questo è incredibilmente utile quando si lavora in una squadra in quanto significa che viene applicato uno stile coerente, senza che nessuno debba davvero pensarci.

Sono disponibili download per diversi editor, in modo da poter utilizzare Prettier in qualsiasi ambiente tu scelga.

Tasto di scelta rapida automatico

Non avevo sentito parlare dello strumento AutoHotkey fino a questo suggerimento di @Hobbesenero. AutoHotkey è un linguaggio di scripting di automazione per Windows. Utilizzando il linguaggio di scripting è possibile creare collegamenti per attività comuni, ad esempio per inserire un modello.

Conversione di formati di testo con Pandoc

Uno dei miei strumenti preferiti è Pandoc. Uso Pandoc quando devo convertire un formato di testo in un altro. Una delle cose davvero utili che Pandoc può fare è trasformare HTML o Markdown in formato EPUB. Lo faccio spesso per trasformare una serie di note in un file che posso leggere usando iBooks sul mio iPad. Lo faccio per avere un set di note facilmente accessibile per i miei workshop o per trasformare una lunga documentazione in un formato offline di facile lettura da leggere su un aereo.

Pandoc può convertire da e verso molti formati di file diversi. Oltre a creare file EPUB veloci, lo uso anche per convertire copie da documenti Word in Markdown o altri formati utili. Questo può essere molto utile se ottieni una copia disordinata da un client che deve essere convertito per entrare in un CMS.

TextExpander e Typinator

TextExpander è disponibile per MacOS e Windows ed è uno strumento che ti aiuta a creare frammenti che possono essere inseriti utilizzando scorciatoie da tastiera o abbreviazioni comuni. TextExpander è stato consigliato da Anders Noren. Se preferisci una soluzione che non sia un servizio in abbonamento, potresti provare Typinator.

Questi strumenti di espansione del testo possono essere utili al di fuori della scrittura del codice. Se ti ritrovi spesso a digitare le stesse informazioni in risposta a e-mail o richieste di supporto, creare una scorciatoia per inserire quel testo può rapidamente ripagare i dividendi in termini di tempo risparmiato.

Lavatesto

Consigliato su Facebook da Dennis Germundal, Textwasher è uno strumento molto semplice per pulire qualsiasi formattazione dal testo.

Aggiungi i tuoi suggerimenti nei commenti

Esistono numerosi modi per migliorare la produttività degli strumenti che utilizziamo ogni giorno ed è anche incredibilmente facile ignorarli completamente. Spero che tra questi suggerimenti ci sia qualcosa da provare. O forse questo sarà un suggerimento per scavare un po' più a fondo nella documentazione per i tuoi editor e altri strumenti. Sono stato sicuramente ispirato a farlo.

Se ti sei perso il tweet e hai degli ottimi suggerimenti da condividere, aggiungili ai commenti. Ci piacerebbe ascoltarli!