Wskazówki i porady dotyczące edycji tekstu

Poprosiliśmy społeczność Smashing o jej ulubione sztuczki do edycji tekstu, skróty i funkcje, które oszczędzają czas. Oto podsumowanie tego, co uważamy za całkiem przydatne, wraz z kilkoma innymi sugestiami, które mogą się przydać.

Ulubione skróty klawiaturowe

Wielu z was ma ulubione skróty klawiaturowe. Niektóre z nich będą specyficzne dla edytora lub systemu operacyjnego, chociaż w wielu przypadkach podobny skrót można znaleźć za pomocą używanych narzędzi. Zebrałem kilka osób z poniższej społeczności.

Ste Grainer podzielił się wskazówką na temat poruszania się i skrótów wyboru:

Podstawowe skróty do poruszania się/wyboru, o których wielu nie wie:

Przytrzymaj Cmd + klawisz strzałki , aby przejść na początek/koniec wiersza lub górę/dół dokumentu.

Przytrzymaj klawisz Opt + Strzałka , aby przenieść słowo do słowa w poziomie i zablokuj, aby zablokować w pionie.

Shift, aby wybrać podczas wykonywania tych czynności.

Od Jo Franka:

Zaznacz wszystkie wystąpienia bieżącego zaznaczenia ( Ctrl + SHIFT + L w VSCode) i zduplikuj linię/zaznaczenie, które ustawiłem jako Ctrl + D .

Loris Gillet udostępniła kilka ulubionych skrótów do przeskakiwania lub usuwania tekstu:

⌥ + strzałki do przodu/do tyłu pozwalają przeskoczyć do następnego słowa zamiast kolejnej litery
⌥ + strzałki w górę/w dół pozwalają przejść na początek/koniec akapitu
⌥ + Backspace usuwa całe słowo zamiast liter po literach.

Wiele z sugerowanych wskazówek pochodziło od twórców stron internetowych — wskazówki dla redaktorów, z których korzystali najczęściej. Otrzymaliśmy również sugestie dotyczące Android Studio od Mahera Nabeela:

W Android Studio:

• Ctrl + D — zduplikowana linia
• Ctrl + Y — Usuń linię
• Ctrl + W — Wybierz blok
• Ctrl + O — Zastąp metody
• Ctrl + ALT + L — sformatuj kod

Ściągawki ze skrótami edytora

Jak widać z zamieszczonych już wskazówek, poznanie skrótów klawiaturowych dla edytora pozwala zaoszczędzić sporo czasu. Zawsze warto przyjrzeć się temu, co jest dostępne dla twojego edytora, ponieważ poznanie kilku z tych skrótów może zaoszczędzić wiele pisania w ciągu dnia pisania kodu.

Na Twitterze Tobin Saunders polecił Cheat Sheet Atom Editor, który jest szczegółową listą skrótów dla Atom. Rzuciłem też okiem na to, co było dostępne dla innych często używanych edytorów.

Kod programu Visual Studio

Witryna VS Code zawiera wiele ściągawek w formacie PDF, jeśli uznasz to za przydatne, aby wydrukować ściągawkę na swoim biurku.

• Okna
• Prochowiec
• Linux

Joel Reis zauważył, że jeśli przechodzisz na VS Code z Sublime Text, Atom, Vim lub Visual Studio, możesz pobrać rozszerzenia klawiatury. Oznacza to, że możesz zachować skróty klawiaturowe z poprzedniego edytora. Ta wskazówka została również odnotowana w Smashing Magazine na początku tego roku, kiedy Burke Holland podzielił się z nami niektórymi rzeczami, które mogą Cię zaskoczyć, że VS Code może zrobić, w swoim artykule „Visual Studio Code Can Do That?”

Wzniosły tekst

Dobry wybór skrótów Sublime Text 3 dla systemów Windows, Mac i Linux można znaleźć tutaj.

Mamy również artykuł w Smashing Magazine, w którym Jai Panda dzieli się swoimi ulubionymi wskazówkami i sztuczkami Sublime Text.

Dostosowywanie środowiska

Nasze klawiatury i domyślne ustawienia komputera są przeznaczone bardziej do pisania tekstu niż pisania kodu. Niektórzy komentatorzy dokonali zmian w swoich ustawieniach domyślnych, aby przyspieszyć pisanie tego, co najczęściej muszą wpisywać.

Alex Semenichine zasugerował:

Minimalizuję, ile razy muszę przytrzymać klawisz Shift i nacisnąć przycisk. Jeśli robię nawiasy ( ( ) ) znacznie częściej niż używam 9 i 0 , dostosowuję klawiaturę, aby to odzwierciedlić, moja 9 to ( a Shift + 9 to 9 itd.

Paul van den Tool ustawia swoje „Powtórzenie klawisza” i „Opóźnienie do powtórzenia” na najwyższe ustawienie, aby jego kursor po prostu „przelatywał po ekranie podczas używania strzałek”.

Jaron Barends opowiedział nam, jak „stworzył Alt + ; jako skrót do wstawienia średnika na końcu bieżącego wiersza”.

Używanie Emmeta

Wiele osób wspomniało o systemie rozszerzania tekstu Emmeta. Jeśli ręcznie kodujesz dużo HTML i CSS, Emmet może zaoszczędzić Ci dużo czasu na pisanie. Podczas pisania HTML skróty Emmeta będą znane każdemu, kto rozumie CSS. Na przykład, jeśli chcesz utworzyć nieuporządkowaną listę wewnątrz elementu div , możesz użyć następującego:

 div>ul>li

Które następnie zamieniłyby się w:

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

Skrót jest dokładnie selektorem, który wybiera li w CSS. div z ul jako bezpośrednim dzieckiem i li jako bezpośrednim dzieckiem ul . Więcej przykładów znajdziesz w Ściągawce Emmeta.

Emmet jest wbudowany w VS Code i jest dostępny jako wtyczka dla wielu innych edytorów.

Użyj menedżera schowka

Erik Verbeek sugeruje użycie menedżera schowka, aby można było pobrać skopiowany kod z historii. Sugeruje użycie ClipMenu dla OS X, które niestety wydaje się być wycofane.

Podobne narzędzia obejmują:

• CopyClip dla MacOS
• PasteBot dla MacOS
• To samo dla Windows
• 1Schowek Windows i MacOS (obecnie w wersji Beta)

Wiele edytorów zawiera również historię schowka do operacji kopiowania i wklejania w edytorze. Na Twitterze @codevoodoo zauważył, że Webstorm ma taką funkcję. Istnieje rozszerzenie Clipboard History dla VS Code i pakiet dla Atom; Sublime Text ma to wbudowane, jak wyjaśnia ten samouczek dotyczący historii schowka Sublime Text.

Zbiór polecanych narzędzi

W komentarzach zalecano kilka konkretnych narzędzi, więc oto zestawienie przydatnych narzędzi, o których być może nie słyszałeś.

Krzepkość

Ludzie, którzy lubią Vima, naprawdę go lubią. Z pewnością wiąże się to z krzywą uczenia się, jednak jeśli bardzo zależy Ci na optymalizacji edycji klawiatury, zainwestowany czas prawdopodobnie będzie tego wart. Jak wskazuje Jess Telford, możesz na przykład wpisać 13k , aby przesunąć kursor o 13 linii.

Spójrz na listę poleceń Vima. Możesz użyć emulacji Vima w wielu innych edytorach. Wspomniane wcześniej mapowanie klawiszy dla VS Code obejmuje mapowania dla Vima, a także dostępna jest wtyczka dla Atom.

Ładniejsze

Prettier to narzędzie do formatowania kodu o otwartym kodzie źródłowym. Korzystanie z Prettier zapewnia, że ​​cały kod jest sformatowany w spójny styl. Jest to niezwykle pomocne podczas pracy w zespole, ponieważ oznacza, że ​​wymuszany jest spójny styl, a nikt tak naprawdę nie musi o tym myśleć.

Dostępne są pliki do pobrania dla kilku edytorów, dzięki czemu możesz używać Prettier w dowolnym wybranym środowisku.

AutoHotkey

Nie słyszałem o narzędziu AutoHotkey aż do tej sugestii od @Hobbesenero. AutoHotkey to język skryptów automatyzacji dla systemu Windows. Używając języka skryptowego możesz tworzyć skróty do typowych zadań, na przykład do wstawiania szablonu.

Konwersja formatów tekstowych za pomocą Pandoc

Jednym z moich ulubionych narzędzi jest Pandoc. Używam Pandoc, gdy muszę przekonwertować jeden format tekstu na inny. Jedną z naprawdę przydatnych rzeczy, które może zrobić Pandoc, jest przekształcenie HTML lub Markdown w format EPUB. Często to robię, aby zamienić zestaw notatek w plik, który mogę przeczytać za pomocą iBooks na moim iPadzie. Robię to, aby mieć łatwo dostępny zestaw notatek do moich warsztatów lub zmienić obszerną dokumentację w łatwy do odczytania format offline do czytania w samolocie.

Pandoc może konwertować zi do wielu różnych formatów plików. Oprócz tworzenia szybkich plików EPUB, używam go również do konwertowania kopii z dokumentów Word na Markdown lub inne przydatne formaty. Może to być bardzo przydatne, jeśli otrzymasz niechlujną kopię od klienta, która musi zostać przekonwertowana, aby wejść do CMS.

TextExpander i typinator

TextExpander jest dostępny dla systemów MacOS i Windows i jest narzędziem, które pomaga tworzyć fragmenty, które można wstawiać za pomocą skrótów klawiaturowych lub popularnych skrótów. TextExpander został polecony przez Andersa Norena. Jeśli wolisz rozwiązanie, które nie jest usługą subskrypcji, możesz wypróbować Typinator.

Te narzędzia do rozszerzania tekstu mogą być przydatne poza pisaniem kodu. Jeśli często wpisujesz te same informacje w odpowiedzi na wiadomości e-mail lub prośby o pomoc, utworzenie skrótu do wstawiania tego tekstu może szybko zwrócić dywidendę pod względem zaoszczędzonego czasu.

Zmywarka do tekstu

Polecany na Facebooku przez Dennisa Germundala Textwasher to bardzo proste narzędzie do czyszczenia tekstu z dowolnego formatowania.

Dodaj swoje sugestie w komentarzach

Istnieje wiele sposobów na zwiększenie produktywności w narzędziach, których używamy na co dzień, a także niezwykle łatwo jest je całkowicie przeoczyć. Mam nadzieję, że wśród tych propozycji znajdzie się coś do wypróbowania. A może będzie to zachęta do zagłębienia się w dokumentację swoich edytorów i innych narzędzi. Z pewnością mnie to zainspirowało.

Jeśli przegapiłeś tweeta i masz kilka świetnych wskazówek, którymi możesz się podzielić, dodaj je do komentarzy. Chętnie ich wysłuchamy!