Редактор кода Notepad++

Notepad++ это редактор кода, с поддержкой синтаксиса популярных языков программирования: C, C++, C#, Java, JS, PHP, RC/INI и пакетные файлы, XML, HTML, CSS, ASP, SQL, Python, Perl, NFO Makefile, VB/VBS, Objective-C, Паскаль, Lua, NSIS и прочие.

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

Лично я использую его в основном для массовой замены (удаления/переименования) кода и текста в файлах. Для верстки сайтов я пользуюсь brackets, а для тех кто программирует к примеру в php лучше пользоваться Visual Studio Code.

Преимущества текстового редактора Notepad++:

Вообще данный текстовой редактор предоставляет огромное количество возможностей и удобств, но вот основные из них:

• он бесплатен;
• очень лёгкий и быстрый;
• есть возможность отмены действия;
• можно одновременно работать с множеством файлов;
• подсветка синтаксиса;
• поддержка плагинов;
• встроенный ftp клиент;
• поиск с возможностью замены.

Скачать актуальную версию Notepad++ для Windows XP/7/8/10 на русском.

1. Обычную версию, с официального сайта: notepad-plus-plus.org/download/.
2. Portable версию с: portableapps.com/apps/development/notepadpp_portable.

Установка и первоначальная настройка Notepad++.

Запускаем скачанный файл. После этого выбираем язык программы и нажимаем на кнопку «Ок»

В следующем окошке нажимаем «Далее»

Затем нужно прочитать и принять соглашение.

После чего выбрать место (папку) для установки программы:

На следующем шаге Вам нужно выбрать дополнительные компоненты (я выбрал всё кроме дополнительных языков) и нажать на кнопку «далее»:

Отмечаем все чек боксы и жмем далее:

Затем «Готово».

Теперь зайдите во вкладку «Вид» – и щёлкните по пункту «Перенос строк»

, после этого текст не будет растягиваться в длинные строчки, а будет укладываться в ширину окна.

Теперь зайдите во вкладку «Опции» – «Настройки»

И перейдите во вкладку «Новый документ». В пункте кодировки выберите UTF-8 без метки ВОМ и установите галочку на против пункта «Применить при открытии ASNI файла»:

После этого все файлы в в кодировке ANSI будут автоматически преобразовываться в UTF-8 без ВОМ, это поможет вам избежать всяких козябряк при редактировании php файлов.

Здесь же во вкладке «Резерв/автозавершение» может включить (отключить) автоматическое завершение слов или функции:

Работа в Html и PHP редакторе Notepad ++

Теперь давайте откроем файл какой-нибудь темы шаблона и на примерах рассмотрим функции Notepad ++.

1. Нумерация строк;

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

Иногда бывают ситуации, что нужно работать с разными частями одного документа (где-то скопировать или просто посмотреть, а где-то вставить). Чтобы активировать данный режим, нажмите правой кнопкой мыши по нужной Вам вкладке и выберите пункт «дублировать в другом окне»;

3. Отмена и повтор действий. Например: вы что-то редактировали в файле (добавляли, удаляли, меняли и т.п.) и вдруг совершили ошибку, и хотите вернуть все как было изначально. Для этого Вам просто напросто, необходимо воспользоваться стрелочками на панели инструментов либо клавишами Ctrl+Z (шаг назад).
Шагов назад (или вперёд) может быть сколь угодно (допустим вы внесли 103 изменения в файл, тогда будет 103 шага назад), вплоть до первоначального файла;

4. При клике мышкой по какому-либо открывающемуся тегу ({}, </>,(/), и т.д.) редактор автоматически выделит цветом закрывающий (или наоборот) парный тег, таким образом выделит PHP или HTML код заключенный между тегами Я нажал на открывающийся тег div, 16 строка, после чего редактор автоматически выделил и закрывающий div 27, показывая нам весь блок div с классом «author»;

5. Элементы кода выделяется различными цветами (обычный текст выделяется черным цветом);

6. При нажатии на минус/плюс, определенный участок кода свернется/развернется.

Кодировка UTF-8 (без BOM).

Если вы не произвели настройки описанные выше, то при редактировании php, html файлов вы можете столкнуться с следующим: русский язык на сайте отобразится кракозябрами или какими-нибудь знаками вопроса, причина этому кодировка ANSI (Windows-1251), в которой ранее был сохранен исходный файл. В этом случае Вам необходимо будет проделать следующее: выделить и вырезать весь код и текст, затем перейти во вкладку кодировки и преобразовать этот файл-ы в кодировку UTF-8 (без BOM), затем вставить туда ранее вырезанный код и сохранить.

Настоятельно рекомендую при редактировании php, html файлов не пользоваться стандартным блокнотом Windows.

Поиск в Notepad (Plus Plus).

Здесь довольно всё просто и проблем возникнуть не должно. Искать можно как по текущему документу (Find), так и по всем файлам (Find in Files) в определённой вами директории:

К стати здесь же вы можете автоматически заменить какие вам угодна слова! Для этого заполните поле «Заменить на:»  и нажмите на кнопку «Заменить в файлах»! Эта функция может пригодиться при переводе шаблонов, т.к. во многих файлах шаблонов попадаются одни и те же слова (предложения), которые разом можно поменять во всех файлах темы – если у Вас мало опыта, то пользуйтесь функцией замены поосторожнее.

Автоматическое завершение набираемых слов.

Эта функция может быть очень полезной, если вы сомневаетесь в правильность написания тех или иных операторов PHP или Html кода.

Как включить/отключить автозавершение я рассказывал в самом начале.

Ну вот в принципе и все, что вам нужно знать на начальном этапе.

Emmet notepad — ускоряем верстку

По умолчанию в notepad нет emmet в списке плагинов (по крайней мере у меня), и чтобы установить emmet необходимо:

1. установить плагин Python Script (плагины — управление плагинами)
   
2. Скачать плагин EmmetNPP и распакуйте его в папку C:\Program Files\Notepad++\plugins
   
3. Перезапустите Nodepad ++. Если все хорошо, то во вкладке плагины вы увидите пункт Emmet.

Внимание! К примеру у меня сейчас NPP версии 7.8.7 и emmet у меня не устанавливается, а раньше устанавливался прямо из менеджера пакетов и работал — правда как-то криво работал.

В общем нужен эммет — устанавливайте старый нотепад ниже 5й версии, либо пользуйтесь для верстки более продвинутыми редакторами типа: brackets или Sublime Text.