Обзор советов и приемов по редактированию текста

Опубликовано: 2022-03-10
Краткое резюме ↬ Мы попросили сообщество Smashing поделиться их любимыми советами и рекомендациями по редактированию текста и кода. С таким количеством замечательных предложений мы решили собрать их все в одну статью, чтобы вы могли добавить ее в свои полезные закладки. Спасибо всем, кто нашел время ответить и поделиться своими наиболее ценными инструментами и методами — мы искренне ценим это!

Мы попросили сообщество Smashing рассказать об их любимых приемах редактирования текста, сочетаниях клавиш и функциях, которые экономят время. Вот обзор того, что мы нашли весьма полезным, а также несколько других предложений, которые могут вам пригодиться.

Любимые сочетания клавиш

У многих из вас есть любимые сочетания клавиш. Некоторые из них будут зависеть от редактора или операционной системы, хотя во многих случаях вы сможете найти аналогичный ярлык с помощью инструментов, которые используете. Я собрал несколько из сообщества ниже.

Ste Grainer поделился советом о быстрых клавишах движения и выбора:

Основные сочетания клавиш для перемещения/выбора, о которых многие не знают:

Удерживайте Cmd + клавишу со стрелкой , чтобы перейти в начало/конец строки или вверх/вниз документа.

Удерживайте Opt + клавишу со стрелкой , чтобы перемещать слово за словом по горизонтали и блокировать блок по вертикали.

Shift для выбора при выполнении тех.

От Джо Франк:

Выберите все вхождения текущего выделения ( Ctrl + SHIFT + L в VSCode) и продублируйте строку/выделение, которое я установил как Ctrl + D .

Лорис Жиллет поделился несколькими любимыми сочетаниями клавиш для перемещения или удаления текста:

⌥ + стрелки вперед/назад позволяют перейти к следующему слову вместо следующей буквы
⌥ + стрелки вверх/вниз позволяют перейти к началу/концу абзаца
⌥ + Backspace удаляет все слово вместо букв по буквам.

Многие из предложенных советов пришли от веб-разработчиков — советы для редакторов, которыми они пользовались чаще всего. Мы также получили предложения для Android Studio от Maher Nabeel:

В Android-студии:
  • Ctrl + D — Дублировать строку
  • Ctrl + Y — Удалить строку
  • Ctrl + W — выделить блок
  • Ctrl + O — переопределить методы
  • Ctrl + ALT + L — переформатировать код
Еще после прыжка! Продолжить чтение ниже ↓

Шпаргалки по ярлыкам редактора

Как видно из уже опубликованных советов, изучение сочетаний клавиш для вашего редактора экономит много времени. Всегда стоит взглянуть на то, что доступно для вашего редактора, так как изучение нескольких из этих сочетаний клавиш может сэкономить много времени при написании кода в течение дня.

В Твиттере Тобин Сондерс порекомендовал Шпаргалку редактора Atom, которая представляет собой подробный список ярлыков для Atom. Я также взглянул на то, что было доступно для других часто используемых редакторов.

Код Visual Studio

На веб-сайте VS Code есть несколько загружаемых шпаргалок в формате PDF, если вы сочтете полезным держать распечатанную шпаргалка на своем столе.

  • Окна
  • Мак
  • линукс

Джоэл Рейс отметил, что если вы переходите на VS Code с Sublime Text, Atom, Vim или Visual Studio, вы можете загрузить расширения раскладок. Это означает, что вы можете сохранить сочетания клавиш из предыдущего редактора. Этот совет также был отмечен в журнале Smashing Magazine ранее в этом году, когда Берк Холланд поделился с нами некоторыми вещами, которые вы, возможно, удивитесь, обнаружив, что VS Code может делать это в своей статье «Visual Studio Code Can Do That?»

Возвышенный текст

Хороший выбор ярлыков Sublime Text 3 для Windows, Mac и Linux можно найти здесь.

У нас также есть статья в Smashing Magazine, в которой Джай Панда делится некоторыми из своих любимых советов и приемов Sublime Text.

Настройка вашей среды

Наши клавиатуры и настройки компьютера по умолчанию предназначены больше для набора текста, чем для ввода кода. Некоторые комментаторы внесли изменения в свои настройки по умолчанию, чтобы быстрее печатать то, что им нужно печатать чаще всего.

Алексей Семенихин сделал такое предложение:

Я минимизирую количество раз, когда мне приходится удерживать Shift и нажимать кнопку. Если я делаю квадратные скобки ( ( ) ) гораздо чаще, чем использую 9 и 0 , я настраиваю клавиатуру, чтобы отразить это, моя 9 — это ( и Shift + 9 — это 9 и т. д.

Пол ван ден Тул устанавливает для своих «Повтор клавиш» и «Задержка до повтора» максимальное значение, чтобы его курсор просто «летал по экрану при использовании стрелок».

Джарон Барендс рассказал нам, как он «создал Alt + ; как ярлык для вставки точки с запятой в конце текущей строки».

Использование Эммета

Несколько человек упомянули систему расширения текста Эммета. Если вы вручную кодируете много HTML и CSS, Emmet может сэкономить вам много времени на набор текста. При написании HTML сокращения Emmet будут знакомы всем, кто понимает CSS. Например, если вы хотите создать неупорядоченный список внутри элемента div , вы можете использовать следующее:

 div>ul>li

Который затем превратился бы в:

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

Аббревиатура — это именно тот селектор, который выбрал бы li в CSS. div с ul в качестве прямого дочернего элемента и a li в качестве прямого дочернего элемента ul . Дополнительные примеры см. в шпаргалке Emmet.

Emmet встроен в VS Code и доступен в виде плагина для многих других редакторов.

Используйте менеджер буфера обмена

Эрик Вербик предлагает использовать менеджер буфера обмена, чтобы вы могли получить скопированный код из истории. Он предлагает использовать ClipMenu для OS X, поддержка которого, к сожалению, прекращена.

Подобные инструменты включают в себя:

  • КопиКлип для MacOS
  • PasteBot для MacOS
  • То же самое для Windows
  • 1Буфер обмена Windows и MacOS (в настоящее время в бета-версии)

Многие редакторы также включают историю буфера обмена для операций копирования и вставки в редакторе. В твиттере @codevoodoo отметил, что у Webstorm есть такая функция. Существует расширение истории буфера обмена для VS Code и пакет для Atom; В Sublime Text это встроено, как объясняется в этом руководстве по истории буфера обмена Sublime Text.

Коллекция рекомендуемых инструментов

В комментариях было рекомендовано несколько конкретных инструментов, поэтому вот обзор полезных инструментов, о которых вы, возможно, не слышали.

Вим

Людям, которым нравится Vim, действительно очень нравится Vim. Это, безусловно, связано с кривой обучения, однако, если вы очень заинтересованы в оптимизации редактирования клавиатуры, то затраченное время, вероятно, того стоит. Как указывает Джесс Телфорд, вы можете набрать 13k , чтобы переместить курсор на 13 строк вверх.

Взгляните на шпаргалку по Vim, чтобы найти список команд. Вы можете использовать эмуляцию Vim во многих других редакторах. Сопоставление клавиш, упомянутое ранее для VS Code, включает сопоставление для Vim, а также доступен плагин для Atom.

красивее

Prettier — это инструмент для форматирования кода с открытым исходным кодом. Использование Prettier гарантирует, что весь код будет отформатирован в едином стиле. Это невероятно полезно при работе в команде, поскольку это означает, что применяется единый стиль, и никому не нужно об этом думать.

Для нескольких редакторов доступны загрузки, чтобы вы могли использовать Prettier в любой выбранной вами среде.

Автогорячая клавиша

Я не слышал об инструменте AutoHotkey до этого предложения от @Hobbesenero. AutoHotkey — это язык сценариев автоматизации для Windows. Используя язык сценариев, вы можете создавать ярлыки для общих задач, например, для вставки шаблона.

Преобразование текстовых форматов с помощью Pandoc

Один из моих любимых инструментов — Pandoc. Я использую Pandoc, когда мне нужно преобразовать один текстовый формат в другой. Одна из действительно полезных вещей, которые может сделать Pandoc, — это преобразовать HTML или Markdown в формат EPUB. Я часто делаю это, чтобы превратить набор заметок в файл, который я могу читать с помощью iBooks на своем iPad. Я делаю это, чтобы иметь легкодоступный набор заметок для моих семинаров или преобразовать длинную документацию в удобный для чтения автономный формат для чтения в самолете.

Pandoc может конвертировать файлы различных форматов. Помимо создания быстрых файлов EPUB, я также использую его для преобразования копий из документов Word в Markdown или другие полезные форматы. Это может быть очень полезно, если вы получаете от клиента неряшливую копию, которую необходимо преобразовать для входа в CMS.

TextExpander и Typinator

TextExpander доступен для MacOS и Windows и представляет собой инструмент, помогающий создавать фрагменты, которые можно вставлять с помощью сочетаний клавиш или общепринятых сокращений. TextExpander был рекомендован Андерсом Нореном. Если вы предпочитаете решение, которое не является службой подписки, вы можете попробовать Typinator.

Эти инструменты расширения текста могут быть полезны вне написания кода. Если вы часто вводите одну и ту же информацию в ответ на электронные письма или запросы в службу поддержки, создание ярлыка для вставки этого текста может быстро окупиться с точки зрения сэкономленного времени.

Текстовая мойка

Textwasher, рекомендованный на Facebook Деннисом Гермундалом, представляет собой очень простой инструмент для очистки текста от любого форматирования.

Добавьте свои предложения в комментарии

Существует огромное количество способов повысить производительность инструментов, которые мы используем каждый день, и их также невероятно легко полностью упустить из виду. Я надеюсь, что среди этих предложений вам будет что попробовать. Или, возможно, это побудит вас немного глубже изучить документацию по вашим редакторам и другим инструментам. Я определенно был вдохновлен на это.

Если вы пропустили твит и у вас есть отличные советы, которыми можно поделиться, добавьте их в комментарии. Мы будем рады их услышать!