Если читатель заинтересовался данной пошаговой инструкцией, то, наверняка, ему уже приходилось работать с обычным классическим Блокнотом Windows.
Программа Notepad++ по сути является расширенной версией стандартного Notepad, т.е. Блокнота, и распространяется совершенно бесплатно.
Если постараться охарактеризовать Notepad++, то это тот же самый блокнот, в котором добавлено несколько полезнейших опций, расширяющих функционал и удобство программы.
Например, в Notepad++ имеется возможность:
- построчной корректировки программного кода;
- автоматического выделения цветом отдельных участков кода;
- сворачивания некоторых объектов программного кода (фрагментов);
- раскрытия нескольких окон (причем, таких окон может быть очень много);
- поиска по всем запущенным окнам сразу;
- замены текста во всех запущенных окнах одновременно;
- записи макросов (т.е. наборов действий пользователя с их повтором);
- смены кодировки документа (данная функция особенно важна для вебмастеров и оптимизаторов сайтов WordPress, так как документы движка нельзя править обычным Блокнотом ввиду особенностей кодировки);
- запуска документа в эмуляторах популярных браузеров;
— осуществить, реализовать и выполнить самые разные действия и операции…
Преимущество Notepad++ также заключается в том, что каждая строка здесь пронумерована, что структурирует документ и повышает его читабельность. Notepad++ — это также «легкая» программа для быстрых заметок, которая не отнимет ресурсов вашего компьютера или ноутбука.
Ведь программа как раз для этого и создана, а особый уклон в ней сделан на работу с программным кодом и набором команд.
Для программиста Notepad++ является обязательной настольной программой, которой он пользуется ежедневно.
И в данной пошаговой инструкции сайта сайт мы как раз и будем ее скачивать с официального сайта.
Сразу же предупредим, Notepad++ имеет русскую версию, она совершенно бесплатна. Так что от скачивания и установки данной программы читатель ничего не потеряет, зато может приобрести для себя полезнейший и практичный софт.
Как скачать Notepad++ бесплатно русскую версию: пошаговая инструкция
Скачивание с официального сайта будет гарантировать нам чистоту программы от вирусов и ее безопасность для компьютера или ноутбука:
2. Опускаемся чуточку ниже по главной странице до кнопки «Download» (Скачать), жмем данную кнопку.
3. После перехода на страницу с конкретной последней версией Notepad++ нам нужно еще раз нажать на похожую кнопку «Download», а в следующем окне Windows выбрать «Сохранить файл».
4. После непродолжительного ожидания (программа весит не более 4 Мегабайт) нам нужно запустить установочный файл программы из загрузок браузера.
В нашем случае этот файл называется «npp.6.9.1.Installer.exe», его и запускаем для установки.
Как установить Notepad++: пошаговая инструкция
1. При запуске скачанного бесплатного установочного файла сразу мы видим предупреждение нашей системы, где выбираем кнопку «Запустить».
Это классическое окно, и его скриншот мы даже не станем делать.
Окно появляется при каждом запуске любого установочного файла (если опция защиты у вас не отключена, вы тоже увидите это окно).
2. На следующем этапе программа предлагает нам выбрать язык установки.
По умолчанию здесь уже предложен русский, его мы и оставляем без изменений.
По умолчанию программа Notepad++ устанавливается на локальный диск C: и занимает там совсем мало места (12,5 Мегабайт всего).
Настройки пути установки можно и не менять. Значит, жмем еще раз кнопку «Далее»
В последнем окне перед запуском установки придется добавить лишь всего одну галочку/флажок против опции «Create Shortcut on Desktop» (создать иконку программы на Рабочем Столе компьютера — рекомендуется).
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++, его установку, настройку и посмотрим как же им пользоваться и что же он имеет такого, чего нету у других.
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 либо выбрать в пункте меню «Поиск».
Текстовый редактор Notepad++ является программой из разряда мастхэв. Практически каждый вебмастер, помыкавшись некоторое время по разнообразным визуальным и не очень редакторам возвращается к этой программе. И не удивительно, текстовый редактор Notepad++ может, практически всё. Наверное, проще перечислить то, что он не может, чем то, что в него вложили создатели. Попробуем перечислить основные особенности, из-за которых его так полюбили все разработчики.
Особенности текстового редактора Notepad++
- За текстовый редактор Notepad++ ничего не надо платить. Распространение и регулярное обновление программы делают нормальные ребята, у которых в глазах не значок доллара, а желание создать качественный продукт. Как в старые, добрые времена начала развития Интернета. Приятно пользоваться разработками настоящих мастеров.
- Скорость работы. Тут программа вне конкуренции. Мгновенно загружается, легкая, систему не нагружает и всегда под рукой. Тут добавить нечего, конкуренты отдыхают.
- Возможность многократной отмены сделанных изменений. Можно, хоть целый день править файл, и, если изменения не понравились, всегда можно откатиться на нужное количество шагов, а затем и обратно вернуться. Главное – программу не закрывать.
- Можно работать с несколькими файлами. Скорость, при этом не страдает, как летала программа, так и летает. Обычное деле – открытые в Notepad++ десять, двадцать файлов.
- Удобная подсветка синтаксиса при работе с любыми документами. Тут всё понятно, поддерживаются все возможные расширения и языки программирования. Причём, для каждого расширения можно настраивать свою цветовую схему.
- Дополнительное расширение функционала за счёт подключения плагинов. Список доступных плагинов достаточно обширный, практически под любую задачу можно отыскать что-то полезное.
- Встроенный FTP клиент для удалённой работы с файлами вашего хостинга.
- Удобный поиск, функция замены, сравнения двух документов – эти функции позволят значительно сократить время работы с документами.
Вот те основные преимущества, которые выгодно выделяют текстовый редактор Notepad++ среди подобного программного обеспечения.
Установка программы Notepad++
Тут всё просто, быстро и понятно. Идём на сайт разработчиков и скачиваем последнюю версию в удобном формате. Повторяю, ничего никому платить не надо, надо только выбрать – либо инсталлятор, либо архивированный файл.
Запускаем установщик, выбираем язык, соглашаемся с лицензией, выбираем путь и тип установки (все, что пригодится, уже отмечено галочками), ставим галочки для создания иконок и всё. Процедура займет пару минут, читать дольше будете, чем программа установится.
Вот тут уже надо подстраивать редактор именно под свои задачи и предпочтения. Все настройки находятся на вкладочке Опции – Настройки . Рассмотрим самое необходимое для начала работы.
Первая вкладка Общие . Тут вы можете выбрать язык интерфейса, с которым хотите работать. И проставить галочку напротив Кнопка закрытия на вкладке . Так удобнее и нагляднее закрывать вкладки документов.
Дальше переходим в раздел Новый документ и выбираем кодировку с которой будут создаваться документы. Естественно, для русского языка лучше выбрать UTF-8 без метки BOM , так все тексты на русском языке будут отображаться корректно. Ниже есть чекбокс применить при откр. ANSI файла , вот тут галочку лучше не ставить, иначе все открываемые документы будут перекодироваться в UTF-8, даже если вы не собираетесь вносить в них изменения. А это увеличение размера файла. Оно вам надо? Ниже идет выбор синтаксиса для нового документа. Тут надо, из выпадающего меню выбрать тот, с которым вы будете чаще работать – HTML, CSS или тот, который вам необходим.
Раздел Автозавершение , полезная функция которая не допустит ошибок с незакрытыми кавычками и скобками. Отмечаем все чекбоксы, кроме HTML/XML закр. тег .
В принципе, для нормальной работы этого достаточно. Можно ещё во вкладке Опции – Определение стилей выбрать цветовую гамму которую вам удобнее воспринимать. Но, это уже на свой вкус.
Более подробные описания процесса установки, настройки и значения всех кнопочек программы Notepad++ вы можете увидеть в уроке, подготовленным Юрием Козьминым, за что ему отдельное спасибо.
Настройка текстового редактора Notepad++
Плагины для Notepad++
Для удобства работы в редакторе, можно расширить функционал программы с помощью дополнительных плагинов.
Установить плагины для Notepad++ можно во вкладочке Плагины – Plugin Manager – Show Plugin Manager . Открывается окошко со всеми доступными плагинами к программе, вам надо только найти нужный, проставить напротив него галочку и нажать кнопочку Install .
Рассмотрим некоторые из плагинов, которые могут пригодиться.
Плагин Emmet.
Удобный плагин для верстальщиков. Позволяет быстро и удобно писать HTML код страницы, делать разметку, вложенные тэги и прочее. Подробное видео по настройки и работе с этим плагинов вы можете увидеть в материале, который снял Виктор Шкода. Все подробно и доходчиво, там и решите, нужно вам это дело или нет.
Настройка плагина Emmet
Плагин Compare
Удобный плагин, который позволяет сравнивать документы. Очень удобно и наглядно. Два файла открываются в соседних окошках и разница подсвечивается. Как применять – придумаете сами.
Плагин Customize Toolbar
Панель инструментов в программе Notepad++ достаточно объёмная. Естественно, далеко не все кнопочки вам могут пригодиться для работы. С помощью этого плагина вы и сможете настроить те кнопочки, которые вы хотите видеть на своей панели. Вызывается просто Плагины — Customize Toolbar – Customize . В открывшемся окошечке выбирайте, удаляйте и добавляйте нужные кнопочки.
Плагин Spell-Checker
С помощью этого инструмента вы можете организовать проверку орфографии в программе. Для корректной работы надо установить дополнительно Aspell-0.50.3 там же будет и словарь русского языка. После установки плагинов редактор надо будет перезагрузить. Слова, естественно, можно добавлять, редактировать, или игнорировать.
Плагин WebEdit
Удобный плагин, который добавляет на панель кнопки для вставки тэгов. Чтобы не вводить дивы, параграфы, списки и прочее, нужно просто выделить нужный текст и нажать мышкой на нужную кнопочку. Значительно упрощает правку кода. При этом кнопочки можно настроить по своему вкусу и предпочтениям в настройках плагина.
Вот, в принципе и все, что хотелось рассказать о текстовом редакторе Notepad++. Программа, действительно, очень удобная и надёжная. Сколько бы там разнообразных специальных программ не делали, Notepad++ всегда остаётся основным инструментом для веб мастеров. Надеюсь и вы присоединитесь к поклонникам этой замечательной программы.
Когда-то я пользовался редактором dreamweaver, но когда стал верстать сайты для движка WordPress, то остановился на редакторе Notepad++
. Я им доволен.
Сегодня я расскажу вам об удобных настройках в редакторе Notepad++. Благодаря этим настройкам вы сможете сэкономить уйму времени.
Итак, если у вас нет редактора Notepad++, тогда вы сможете скачать его бесплатно .
Быстрая кодировка UTF-8 в HTML документе
Каждый раз, когда вы создаете новый HTML документ в программе Notepad++, вам постоянно нужно менять кодировку файла из ANSI в UTF-8 (без BOM). Если это делать постоянно, то это забирает кучу времени, да и надоедает, а бывает порой, что и забыть можно.
Чтобы при создании нового HTML документа кодировка была автоматически UTF-8 (без BOM), нужно проделать такие действия:
1). В верхнем меню нажмите на пункт «Опции» => «Настройки…»
4). Жмите на кнопку «Закрыть» .
После таких настроек, при создании нового документа, у вас в HTML документе сразу будет стоять кодировка UTF-8 (без BOM). Кстати, рекомендую почитать статью про .
Не знаю как вы, но я постоянно, когда создаю новый html документ, вначале прописываю , либо копирую его из других html документов: