Перевод https://www.sitepoint.com/tips-developing-jquery-notepad/

Notepad++ всегда был моим любимым бесплатным редактором для программирования на JavaScript с тех пор, как я себя помню. Вот несколько советов, которые я почерпнул во время разработки с его помощью.

1. Быстрое сравнение кода с помощью Notepad++

Эта функция отлично подходит для быстрого определения того, какие изменения в коде произошли между файлами. Сначала откройте два файла рядом друг с другом в редакторе Notepad++ (или скопируйте и вставьте в новый файл для быстрого сравнения).

Затем, выбрав первый файл, нажмите ALT+D или выберите в меню Плагины > Compare > Compare

notepadplus-quick-compare

Если файлы совпадают, вы получите всплывающее окно с надписью “Файлы совпадают”. В противном случае, если различия отображаются на правой панели, выделенной так, чтобы вы могли легко дважды щелкнуть по ним, чтобы просмотреть код.

notepadplus-compare-lines

Затем, чтобы избавиться от окна сравнения, нажмите CTRL+ALT+D или выберите в меню Плагины > Compare > Clear Results

Вы также можете просматривать горизонтально, если предпочитаете! Просто щелкните правой кнопкой мыши на столбце разделителя и нажмите

notepadplus-compare-horizonal

2. Полезные сочетания клавиш в Notepad++

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

  1. F11 – Переключите код на полноэкранный режим без верхних меню. Чтобы переключиться обратно, просто снова нажмите клавишу F11. F12 делает то же самое, но не в полноэкранном режиме.
  2. CTRL+D – быстрое копирование и вставка текущей строки в строку ниже.
  3. CTRL+Q – Быстро закомментируйте строки кода jQuery. Нажмите CTRL+Q еще раз, чтобы раскомментировать.
  4. SHIFT + стрелка вправо – Быстрый выбор символов.
  5. CTRL + SHIFT + стрелка вправо – Быстрый выбор слов.
  6. Тройной щелчок левой кнопкой мыши – Быстрый выбор всей строки.
  7. CTRL+A – Быстрый выбор всего документа.
  8. ALT+F2 – Быстрый поиск в Google.
  9. ALT+0 – Быстро вернрнуть весь код на блоки. Чтобы развернуть блоки кода, нажмите SHIFT+ALT+0

Дополнительные Сочетания клавиш

 

3. Полезные бесплатные плагины для Notepad++

Существует множество бесплатных плагинов Notepad++, которые делают потрясающие вещи, от простой проверки орфографии и выбора цвета до синхронизации по FTP и поиска по каталогам. Вот некоторые из моих любимых:

  • TextFX – Множество очень полезных функций, таких как очистка кода, аккуратность, минимизация и т.д. Один из первых, один из лучших.
  • Multi Clipboard – Плагин MultiClipboard реализует несколько (10) текстовых буферов, которые заполняются путем копирования и/или вырезания текста.
  • Switched – Просто переключайтесь между любыми связанными файлами, что чрезвычайно полезно, если некоторые из ваших отрывков настроены с помощью горячих клавиш.
  • Colorpicker – Этот плагин может декодировать цвет пикселя на палитре и вставлять его RGB в редактор.
  • SearchInFiles – Позволяет пользователю находить файлы, содержащие много избыточной информации, накопленной глубоко в самом коде.

Чтобы установить плагины, просто скачайте .dll-файлы и извлеките их в папку “AppNotepad++plugins”.

Вики-каталог плагинов Notepad++
Список загрузок Sourceforge

4. Сократите свой код с помощью Notepad++

Довольно полезная функция для быстрого сокращения вашего кода jQuery. Просто выполните следующие действия:

  • Правка > Операции с пробелами > Убрать начальные/замыкающие пробелы и табуляции.
  • Правка > Операции с пробелами > Урать лишнии пробелы А концы строк в пробел


Также смотрите: Другие способы минимизации / скрытия вашего кода JavaScript.

 

5. Приведите в порядок свой код с помощью Notepad++

Ранее я писал о том, как сделать ваш код jQuery красивым с помощью Notepad++. Просто выберите в главном меню TextFX > TextFX Edit > Reindent C++ Code.

Тем не менее, я нашел потрясающий онлайн-инструмент под названием распаковщик и украшатель Javascript.Этот инструмент действительно делает ваш исходный код JS красивым и привлекательным, и его стоит упомянуть.

6. Плагин TortoiseSVN для Notepad++

tsvn-screenshot
Убедитесь, что установлен TortoiseSVN и установлена последняя версия Notepad++.

Плагин поставляется в виде заархивированной библиотеки dll. Просто распакуйте DLL-файл и поместите его в каталог плагинов Notepad++. Для типичной установки он будет расположен здесь: “C:Program FilesNotepad++plugins”. При следующем запуске Notepad++ плагин будет загружен автоматически.

Плагин должен работать под управлением Windows XP, Vista и 7. Поддерживаются как 32-разрядные, так и 64-разрядные операционные системы. Если вы обнаружите какие-либо ошибки в этих или других системах, оставьте комментарий, и я посмотрю, смогу ли я их устранить.

Я заметил, что иногда программа автоматического обновления Notepad++ считает, что плагин нуждается в обновлении. Обычно это приводит к тому, что новая версия перезаписывается версией 1.0. Если вы обновляетесь до версии 1.1 или 1.2, не используйте функцию автоматического обновления Notepad++, когда она запрашивает у вас этот плагин.

Download

 

7. Вики-страница Notepad++

notepadplus-wiki

Застрял на чем-то техническом в Notepad++? Не напрягайтесь, просто посетите вики-страницу Notepad++, и там может быть что-то, что поможет решить вашу проблему.

Notepad++ Wiki

8. Установите язык на JavaScript в Notepad++

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

notepadplus-language

 

9. Удаление Номеров Строк

Иногда при копировании кода с других веб-сайтов мы получаем номера строк не к месту, и нам приходится вручную удалять их, чтобы использовать код. Notepad++ спешит на помощь!

TextFX > TextFX Tools > Delete Line Numbers or First word

notepadplus-remove-line-numbers

10. Перенос слов

Полезно, если вам нравится кодировать так, чтобы весь ваш код был виден на экране, и вы ненавидите полосы прокрутки (я знаю, что это так!).

Просто нажмите кнопку переноса слов или выберите в главном меню Вид > Перенос слов.

notepadplus-word-wrap

 

11. Быстрое копирование Имени файла, Пути к Файлу.

Еще один совет, который значительно экономит время.
Щелкните правой кнопкой мыши на заголовке файла (вкладка) > выберите полный путь к файлу в буфер обмена
notepad-plus-filepath

Вывод.

Вот и все! Надеюсь, вы узнали что-то новое с Notepad++, что поможет вам в будущих разработках jQuery. Если вы знаете еще что-нибудь, что я пропустил, пожалуйста, оставьте комментарий.

Получите Notepad++ бесплатно