«

»

Распечатать Запись

Советы начинающему веб-мастеру: бесплатный текстовый редактор Notepad ++

Альтернатив встроенному текстовому редактору Windows - великое множество и одно из самых популярных бесплатных решений – Notepad++ (Notepad plus plus) от сборной группы разработчиков. В пику системного Notepad, не имеющего практически ничего, кроме возможности просмотра / создания простейших текстовых файлов, функционал Notepad ++  похвально расширенный, при осязаемой эргономичности. Именно по этой причине герой данной публикации весьма охотно используется в первую очередь начинающими веб-мастерами.

Конечно, после стандартного блокнота Windows данная программа может показаться весьма сложной, но:

  • по сравнению с другими приложениями, предназначенными для облегчения написания и редактирования различных кодов (таких как напр. Dreamweaver) Notepad++ гораздо менее "путанный" в интерфейсе и более понятный рядовому пользователю;
  • более "легкий" и быстрый, нежели многие платные редакторы;
  • абсолютно бесплатный, а, значит, можно существенно сэкономить, используя Notepad++ вместо того же Dreamweaver, что, согласитесь, приятно.

Какие возможности предлагает данный редактор? Во-первых, конечно же, подсветка синтаксиса большого числа языков программирования и разметки (из наиболее известных - это HTML, CSS, PHP, Java, JavaScript, Perl, C, C++, С#, Python и др.). Выбрать язык, синтаксис которого будет подсвечиваться в открытом документе, можно из панели меню, кликнув мышкой пункт "Синтаксис".

Notepad_plus_1

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

При необходимости, можно легко настроить подсветку синтаксиса на любой вкус - для  этого в панели меню выбираем "Опции" → "Определение стилей" → в открывшемся окне настраиваем шрифты и цвета для подсветки синтаксиса нужного языка (см. скриншот ниже). Автор этой опцией не пользовался, ибо дефолтные (по умолчанию) настройки редактора пока вполне устраивают.

Notepad_plus_2

Как известно, встроенный "Блокнот" Windows и, напр., редактор CMS WordPress обильно "сорят" в коде. Добавление невидимых символов (BOM) при сохранении файла в популярной кодировке UTF-8 в Notepad plus plus легко отсекается режимом "Кодировать в UTF-8 (без BOM)". В этом же режиме стОит сохраниться при появлении т.н. "кракозябров" (отображение документа в неправильной кодировке), в общем, автор весьма рекомендует после редактирования сохранять файлы в "Кодировать в UTF-8 (без BOM)".

Notepad_plus_7

В редакторе так же имеется возможность работать с несколькими документов одновременно без опасения "захламить" панель задач ОС - каждый новый документ будет открыт не в новом окне, а в новой вкладке уже открытого окна программы. При этом, вкладки можно произвольным образом перемещать или закрывать. По примеру веб-браузеров, все "рабочие", на момент закрытия Notepad++, вкладки будут восстановлены при следующем запуске редактора.

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

Notepad_plus_4

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

В случае необходимости сравнения двух открытых html- или php-документов следует активировать режим "Compare" ("Сравнить") посредством последовательных кликов в верхней панели "Плагины" → "Compare" → "Compare" (или просто "Alt + D") – и редактор подсветит различия в них (скриншот). Для перехода в обычный режим работы выберите в той же панели "Плагины" → "Compare" → "Clear Results" или нажмите комбинацию "Ctrl + Alt + D".

Notepad_plus_5

Наряду с вышеописанными режимами работы, начинающему веб-мастеру обязательно пригодится функциональная "Отмена", через пункт меню "Правка" (см. скриншот ниже). Данный режим – для отмены предыдущих (некорректных) "экспериментов" с кодом. Его так же легко активировать "горячей" комбинацией "Ctrl + Z", как и "обратный" режим "Повтор" (т.е. отмена произведенной отмены) – комбинацией "Ctrl + Y".

Notepad_plus_6

При доработке, напр., шаблона популярных CMS WordPress или Joomla под свои нужды Вам конечно понадобится инструмент поиска, который в данном текстовом редакторе похвально расширенный (см. пункт меню "Поиск"). Два самых востребованных режима поиска в начале Вашей карьеры веб-мастера наверняка будут "Найти" (Ctrl + F) и "Найти в файлах" (Ctrl + Shift + F), для поиска редактируемого в открытой вкладке с документом либо во всех файлах нужной папки (папки шаблона сайта).

Notepad_plus_7

Так же в Notepad++ реализована возможность автодополнения (автозавершения) набираемых функций и слов, что опять же является хорошим подспорьем начинающему веб-мастеру. Для активации инструмента автозавершения следует в панели меню щелкнуть мышью "Опции" → "Настройки" → далее на вкладке "Резерв/Автозавершение" поставить галку в поле "Включить для каждого ввода".

Notepad_plus_8

В редакторе есть еще одно "удобство" – возможность ставить т.н. "закладки" в нужном месте кода. Для установки - и снятия - "закладки" (или, точнее, маркера в виде синей точки) кликните на нужную строку редактируемого документа и нажмите комбинацию "Ctrl + F2". Перемещаться между "заметками" помогут "горячие" клавиши "F2" (к следующей закладке) и "Shift + F2" (к предыдущей закладке). Дополнительный функционал режима "закладки" – "вырезать / копировать / удалить все строки с закладкой" и др. - найдется в пункте меню "Поиск" (см. "Управление закладками"). А для осязаемого ознакомления с результатами своих "экспериментов" с html-файлами кликните на панели меню пункт "Запуск" и Вы увидите как будет выглядеть код в нужном веб-браузере – Internet Explorer, Firefox, Chrome или Safari.

Notepad_plus_9

В случае, если подобные "эксперименты" напр. с выбранным шаблоном WordPress закончились удачно и Вы хотите перенести сделанное на сервер – самое время воспользоваться встроенным в редактор плагином NppFTP. Для этого через пункт верхнего меню "Плагины" выберите "NppFTP" → "Show NppFTP Window" → в появившемся окне ftp-клиента найдите "Profile Setting" и введите соответствующие данные Вашего подключения. Через активный значок "(Dis)Connect" отредактированное благополучно достигнет сервера (подробности см. в заметке "Бесплатный текстовый редактор Notepad++: плагин NppFTP".

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

Интересные статьи по теме - на страницах блога TestSoft.su - автор обещает.

Дмитрий dmitry_spb Евдокимов

Постоянная ссылка на это сообщение: http://TestSoft.su/sovety-nachinayushhemu-web-masteru-besplatnyi-tekstovyi-redaktor-notepad-plus-plus/

2 комментария

  1. Lubomyr

    Наконец-то мне открылась тайна синей точки…

  2. vlad

    спасибо за подробный обзор блокнота!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Вы можете использовать эти теги HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>