Notepad++ представляет собой open-source текстовый редактор для Windows. Мне приходится работать с различными технологиями, и нет возможности установить сразу все редакторы

(вроде Dreamweaver, Visual studio и так далее). Поэтому я использую Notepad++ в качестве своего стандартного текстового редактора . Он простой и быстрый.

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

1. Выделение блоков:

Как и в VS 2010, Box Selection (или выделение колонок, блоков или прямоугольников) есть и в Notepad++. Вам нужно зажать клавишу Alt, выполняя выделение. Также есть возможность выделить блок горизонтально.

2. Режим расширенного поиска:

В основном, он нужен для преобразования символа новой строки/вкладки. Предположим, вам нужно убрать символ новой строки:
Нажмите Ctrl+H, выберите ‘Extended Search Mode’. Используйте \n, чтобы найти то, что нужно заменить блоком текста. Нажмите Replace All (заменить все), чтобы убрать символ новой строки.

3. Вертикальный просмотр вкладок:

Предположим, вам нужно просмотреть два файла, и вручную сравнить их друг с другом. Вы можете открыть вкладки в режиме вертикального просмотра. Для этого кликните по tab > “Move to Other View (переключиться на другой режим)”. Для переключения режимов просмотра можно использовать клавишу F8.

4. Minify JS:

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

  • Edit > Blank Operations > Trim Header and Trailing Space
  • Edit > Blank Operations > Remove Unnecessary Blank and EOL

5. Удаление номеров строк или первого слова:

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

  • TextFX > TextFX Tools > Delete Line Numbers or First word

6. Добавьте номера строк:

Вы можете добавить номера строк через меню Edit > Column Editor > Number to Insert > Set Initial Number and Increase By >OK.
Вы также можете добавить любой текст.

7. Автоматическое закрытие HTML/XML-тэгов:

Если вы работаете с HTML или XML-файлами, редактор автоматически закрывает за вами каждый HTML-тег.

  • TextFX > TextFX Settings>Autoclose XML/HTML tags

8. HTML-кодировка:

Будучи блогером, мне часто приходится публиковать исходники HTML-кода. Мне нужно кодировать html перед публикацией, и Notepad++ позволяет сделать это без труда.

  • TextFX > TextFX Convert > Encode HTML

9. Быстрое генерирование динамических контроллеров:

Предположим, вам нужно, чтобы html-контроллеры создавались динамическим образом. Для этого, сначала создайте статичный HTML-шаблон. Выберите нужный язык и TextFX > TextFX Convert > Convert Text to Code Command. Эта функция позаботится о цитатах и переносах строки.

10. Настройка HTML Tidy:

Предположим, что у вас есть только контента тела HTML, и вам нужно создать правильный HTML-файл. В этом случае вам на помощь приходит HTML Tidy.

  • TextFX > TextFX HTML Tidy > Tidy (наиболее часто встречается HTMLTIDY.CFG)

11. Запуск в браузере:

Вы можете тестировать ваш HTML-файл прямо в браузере, нажав RUN и выбрав пункт Launch in Browser.

12. Выравнивание линий

Это, пожалуй, моя любимая функция. Вы можете выровнять несколько строк функцией,(comma), = (equal sign). Это очень удобно и полезно при выделении блоков.

TextFX > TextFX Edit > line up multiple lines by …

13. Остальное:

Удаление пустых строк:

TextFX > TextFX Edit > Delete Blank Lines
TextFX > TextFX Edit > Delete Surplus Blank Lines
Изменение регистра:
TextFX > TextFX Characters > выбираете нужный регистр.

Большинство встроенных функций можно выполнить при помощи режима расширенного поиска. Если у вас есть еще какие-либо советы, то не стесняйтесь, пишите в комментариях.

Наслаждайтесь 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), затем вставить туда ранее вырезанный код и сохранить.

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

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

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

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

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

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

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

Converter

Этот плагин преобразует выделенный текст (или шестнадцатеричную строку ASCII) в ASCII или шестнадцатеричные строки по вашему выбору. Формат генерируемой шестнадцатеричной строки может быть установлен путем изменения параметров в разделе из converter.ini . Для этого потребуется перезапустить редактор Notepad++

При помощи этого плагина Notepad++ можно запускать командную строку с параметрами. В Notepad++ есть даже инструкция, как создавать компиляции скриптов для каждого типа файлов исходного кода.

При помощи данного плагина можно решать различные сложные задачи. Например, нужно при помощи NppExec скомпилировать свои C файлы, запустить их, и показывать свои данные.

Вот как это делается для Perl. То есть, просто адаптируется для C

1 2 3 4 5 6 7 8 9 10 11 12 13 14 * Open Notepad * Type F6 to open the execute window * write the following commands: o npp_save < -- Saves the current document o CD $(CURRENT_DIRECTORY) <-- Moves to the current directory o perl.exe -c -w "$(FILE_NAME)" <-- executes the command perl.exe -c -w , example: perl.exe -c -w test.pl (-c = compile -w = warnings) * Click on Save * Type a name to save the script (ie Perl Compile) * Go to Menu Plugins -> Nppexec -> advanced options -> Menu Item * In the combobox select the script recently created and click ok -> ok * Restart Notepad * Go to Menu Settings -> Shortcut mappter -> Plugins -> search for the script name * Select the shortcut to use (ie ctrl + 1), click ok * Verify that you can now run the script created with the shortcut selected.

* Open Notepad * Type F6 to open the execute window * write the following commands: o npp_save < -- Saves the current document o CD $(CURRENT_DIRECTORY) <-- Moves to the current directory o perl.exe -c -w "$(FILE_NAME)" <-- executes the command perl.exe -c -w , example: perl.exe -c -w test.pl (-c = compile -w = warnings) * Click on Save * Type a name to save the script (ie Perl Compile) * Go to Menu Plugins -> Nppexec -> advanced options -> Menu Item * In the combobox select the script recently created and click ok -> ok * Restart Notepad * Go to Menu Settings -> Shortcut mappter -> Plugins -> search for the script name * Select the shortcut to use (ie ctrl + 1), click ok * Verify that you can now run the script created with the shortcut selected.

NppExport

Полезный плагин Notepad++, с помощью которого можно экспортировать файлы в html, rtf форматы

Вот как он работает. Открываем файл, переходим на вкладку «Пл агины» > NppExport > Export to HTML. То есть, экспортируем файл в HTML формат. Код может быть просмотрен в любом браузере

Чрезвычайно полезный плагин. С его помощью можно работать с файлами прямо на сервере. Плагин позволяет моментально загружать файлы с сервера, вносить в них изменения прямо в окне редактора, и сохранять их, тем самым автоматически отправляя измененный файл обратно на сервер. Это очень удобно, поверьте!

NppNetNote

С помощью данного плагина Notepad++ у вас появится возможность дать возможность редактировать файл удаленно. То есть, вы можете сами подключиться, или дать возможность подключиться своему другу к вашему файлу, и после этого вы сможете вдвоем, одновременно редактировать файл.

Plugin Manager

Этот плагин является мозгом системы апгрейда текстового редактора Notepad++. С помощью этого плагина пользователь может обновлять, удалять или устанавливать плагины для Notepad++. Просто открываем этот плагин, выбираем плагин из списка доступных для загрузки, и устанавливаем его. Либо просто обновляем плагины. Их вообще много. У меня установлено по-умолчанию 10 плагинов, а в списке доступных я насчитал аж 72 плагина для Notepad++!!! Небольшое уточнение. В Windows 7 чтобы обновляться, необходимо запускать программу от имени администратора.

Spell- Checker

Данный плагин предназначен для проверки орфографии, напободобие вордовского встроенного словаря. Здесь все тоже самое по аналогии. Только предварительно нужно будет установить программу ASpell.

Другие полезные возможности бесплатного текстового редактора Notepad++

1. Подсветка синтаксиса

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

Например, ставим подсветку php кода

Помимо непосредственно самой подсветки преимущество заключается еще и в том, что информация разбивается на специальные контейнеры, с помощью которых можно изучать сложный код, чтобы не путаться. В данном случае из скриншота выше, я раскрыл 745 строку (нажал на значок «-» минус), чтобы посмотреть контейнер целиком. Теперь вместо минуса «-» там значится плюс «+», и изучение кода становится проще и понятнее

2. Редактор Notepad++ в кодировке UTF-8 (без BOM)

UTF-8 в переводе с английского означает формат преобразования Юникода. На сегодняшний день эта кодировка является одной из наиболее популярных и используемых. С её помощью реализуется представление Юникода, совместимое с 8-битным кодированием текста.

Теперь что касается кодировки UTF-8 без BOM, про которую вы уже могли слышать. Дело в том, что движок WordPress (см. ) работает с кодировкой UTF-8, но если пользоваться стандартным блокнотом Windows, то при сохранении файлов в кодировке UTF-8, эта прелесть добавляет в PHP-файлы невидимые символы. Именно они и называются BOM. Поэтому UTF-8 без BOM и означает, что файл не содержит всей это радости, т.е. лишних невидимых символов. Эта проблема успешно решается с помощью бесплатного текстового редактора Notepad++, который может преобразовывать либо сохранять файлы Html (см. ) и PHP (см. ).

Преобразовать файл из исходной кодировки в кодировку UTF-8 (без BOM) можно следующим образом:

Делается все просто. Берем, к примеру, файл, где содержится английский текст, вписываем вместо английских букв русские, после чего идем на вкладку «Кодировки», выбираем «Преобразовать в UTF-8 без BOM, и жмем на значок дискетки. Все, файл сохранен.

3. Закладки

Программа Notepad++ содержит такую полезную штуку. Предположим, у меня есть несколько файлов в формате.txt, где я храню всякую нужную информацию: разные html коды, напоминания. В общем, текущую рабочую информацию, и просто часто используемую информацию. Ну, к примеру, нужно мне найти для какой-нибудь цели (неважно для какой) в моем.txt файле теги . Кроме этих тегов в этом файле может быть куча другой информации. И мне чтобы найти эти теги , нужно будет скролить документ то вверх, то вниз, пока не найду. В итоге получается глупая работа. А если за день нужно открывать этот.txt файл не один, а несколько раз, то в итоге получается, что какое-то время просто глупо тратим время на скролинг документа то вверх, то вниз. Проблема решается легко. Находим нужную нам строку, и дважды кликаем рядом с её номером. И сразу же напротив неё появится закладка. А потом эту закладку легко можно найти, нажимая F2 на клавиатуре.

Здесь вы найдете полезные советы по Notepad и инструкциям пользователя наиболее часто задаваемым вопросам о программе.

Как вернуть предыдущий вариант текста, если допущена ошибка?

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

Каким образом можно быстро переносить участок кода из одного места в другое?

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

Что такое функция «авто-завершение»?

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

Как включить функцию «авто-завершения»?

Для того чтобы включить данную функцию необходим зайти в раздел «Настройки» и выбрать подменю «Резерв\Авто-завершение». После чего, в появившемся окне отметить галочкой пункт «Включать для каждого ввода».

Что такое функция «Резерв»?

Бекап поможет сохранять созданный файл с текстом в специальной отдельной папке на компьютере. Для того чтобы включит эту функцию необходимо в меню «Настройки» войти в раздел «Резервное копирование» и отметит пункт «Пользовательская папка». После чего, необходимо выбрать конкретную папку, в которую вы хотите сохранять свои файлы.

Как работает функция «Автодобавление закрывающего тега»?

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

Как подключить к программе FTP соединение?

Для этого нужно найти на панели инструментов соответствующий значок подключения. Зайдя в подменю, необходимо настроить FTP-клиент, введя такие данные, как адрес хостинга, директорию и прочее. После чего значок «подключить» станет активным и будет установлено соединение.

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

Notepad++ лучший бесплатный текстовый редактор для тех кто работает с html,css,php. Без него вообще как без рук 🙂 Почему же он такой популярный и в чем его особенности?

  • Он полностью бесплатный
  • Есть возможность работать как ftp клиент (очень удобно)
  • Поддержка макросов
  • Очень легкий в использование и понимание
  • Подсвечивает синтаксис html,css,php
  • Автозавершение функций, подсказка при вводе параметров функций
  • Возможность работы с плагинами
  • Работа с множеством файлов
  • Возможность менять кодировки файлов

Установка текстового редактора Notepad++

Установка как и использование очень простая. В принципе если Вы устанавливали хоть раз любую программу на свою компьютер, то с установкой notepad++ у Вас не будет проблем. Но все рассмотрим процесс установки по шагам. Шаг 1 После того как скачали Notepad++, запускайте его. Затем нужно будет выбрать язык установки. Шаг 2 Затем жмем кнопку «Далее», принимаем «Лицензионное соглашение» и выбираем папку в которую будет установлен этот текстовый редактор.
Шаг 3 Теперь выбираем тип установки. Он должен быть «по выбору» и затем внизу выбираем все пункты, как показано ниже на картинке.
Шаг 4 Теперь опять нужно поставить все галочки в этом окне. Думаю прочитав в окне установки поймете, что тут идет речь о создание ярлыка на рабочем столе и работе с APPDATA.,
Ну и в принципе все. Теперь редактор Notepad++ установлен на Ваш компьютер. Я думаю процесс описанный выше не трудный (забирает всего 2 минуты Вашего времени) и с ним справиться каждый 🙂

Настройка Notepad++

Настраивать Notepad++ не особо то и нужно, он после установки уже готов к работе. Но есть некоторые нюансы, которые вначале лучше поправить, что б потом не отвлекаться на эти мелочи.

Настройка кодировки в Notepad++

Для избежания проблем с кодировками, нужно сразу поставить нормальную кодировку, которая будет применяться к новым файлам. Делается это так:

В меню выбираем «Опции» затем «Настройки». Затем идем в пункт «Новый документ» и ставим 2 птички, в тех местах, что показаны на картинке ниже.


Настройка автозавершений в текстовом редакторе Notepad++

Как и писал в преимуществах этого редактора он может автозавершать функции, подсказывать параметры этих функций. Очень удобная штука, вот только после установки ее работу нужно настроить. Точно так же заходим в настройки, только теперь берем пункт «Автозавершение «. Затем, если хотите включить завершение функций и подсказки параметров, то ставьте в соответствующие места птички.

Настройка FTP клиента в Notepad++

После установки окно ФТП скрыто. Для того, что б его показать нужно сделать дальнейшие действия: идем по пути «Плагины» -> «NppFTP» ->»Show NppFTP Window». После этого у Вас справа должна появится панель ФТП клиента. Выглядит это так:

Все, теперь окно появилось, в нем будут отображаться файлы Вашего сайта после подключения. Как же подключиться? Все точно по такому принципу как у . Нужно знать Hostname, Username и Password . Их Вы получите при создание пользователя для ФТП доступов в своем аккаунте на сайте хостинга. После того, как создали пользователя, переходим в настройки подключения (показано на картинке выше), выбираем «Profile Settings» -> Добавляем новое подключение (кнопка «Add new»), даем ему некое имя и заполняем поля Hostname, Username и Password. Все, теперь закрываем окно.

Что б выполнить подключение нужно выбрать значек, который находится в левом углу панели ФТП клиента и выбрать нужную запись. Покажу на картинке ниже.

В случае удачного подключения в этом окне Вы увидите файлы Вашего сайта. Дважды кликнув левой кнопкой мыши по любому файлу, Вы откроете его сразу в редакторе Notepad++, где сможете его редактировать. Сохранив изменения (Ctrl+S), Вы сразу перезаписываете файл на сервере. Другими словами, изменения сразу вносятся в файл на сервере. Скажите удобно очень?

Как же работать с текстовым редактором Notepad++?

Отличная возможность этого текстового редактора — это работа как FTP-клиент. Ее настройка и работа были описаны выше, так что думаю смысла повторяться нету. Рассмотрим же другие важные аспекты работы.

Работа с кодировками файлов

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

Работа с поиском в Notepad++

Поиск имеет много возможностей. Можно считать количество совпадений по документу, можно находить и сразу же заменять (кстати очень удобная вещь, не руками искать и каждый раз заменять, а вбил вариант замены и по всему документу произошла замена), можно искать по всем документам открытым в редакторе и многое другое. Окно поиска как и обычно вызывается комбинацией Ctrl+F либо выбрать в пункте меню «Поиск».


Close