Здравствуйте уважаемые начинающие веб мастера.
В этой статье мы рассмотрим, как скачать, установить и использовать самый популярный редактор кода — Notepad++.
Так же будут некоторые дополнения с учётом последних версий редактора, а именно — как добавить браузер в меню Запуск.
Так же в этой статье рассмотрим основные моменты работы с редактором, так как все его возможности описать сразу невозможно и этому посвящён целый раздел (см. меню в конце статьи).
Итак приступим.
Notepad++ — бесплатный, очень удобный редактор, с подсветкой синтаксиса, русскоязычным интерфейсом, поддержкой всех языков программирования, и кучей других полезных примочек.
Первое, чему Вам нужно будет научиться, и что Вам, безусловно, очень понравиться делать — это написать в редакторе некоторый код, и тут же открыть результат в браузере, чтоб посмотреть, что получилось, и исправить то, что получилось не так, как Вам бы хотелось.
То есть сделать, как бы песочницу, или отладочный полигон. Хоть подобных программ и полно в интернете, но Notepad++ в этом случае вне конкуренции.
Он открывает результат кода непосредственно в браузере, что уже реалистичнее песочницы, и в нём можно применить аналитику, к примеру .
В дальнейшем, я познакомлю вас с плагинами, которые расширяют возможности редактора до таких пределов, что в общем-то не остаётся ничего невозможного.
Но не будем забегать вперёд и начнём с установки.
Как обычно набираем в поисковике «Notepad++ русский скачать бесплатно». Щёлкаем по «Поиск», и открывается столько предложений, что глаза разбегаются.
Правда сайт на английском, но с переводчиком Chrome, это большого значения не имеет.
Зато софт скачивается прямо с сайта, без всяких перенаправлений на страницы загрузок и файлообменники.
Здесь есть абсолютно весь софт редактора. На главной представлены свежие версии, а если перейти по ссылке more nevs>> , то откроются все версии от первой до последней.
Это весьма актуально из-за недавнего бума обновлений редактора и в связи с этим, зачастую его некорректной работы.
Я привык работать с версией 6.1.2. к которой никогда не было никаких нареканий, поэтому и устанавливать буду именно её, но это лично мои предпочтения, вы же можете установить свежую версию
Итак, щёлкаем по выбранной версии, после чего редактор начинает скачиваться.
В браузере Chrome, в окне загрузок, в нижнем левом углу экрана, щёлкаем по треугольнику справа, и в открывшемся меню выбраем «Открыть по завершении».
Затем появится окно контроля учётных записей. Нажмите «Да».
В следующем окне выбирается язык интерфейса редактора. По умолчанию там уже стоит «Русский», так что просто жмём «ОК». После этого Вас поприветствует мастер установки, которому нужно дать команду «Далее».
Затем будет предложено ознакомиться с лицензионным соглашением, которое лучше просто «Принять», так как они все стандартные.
После этого указывается папка, в которую устанавливается редактор, обычно это Program Files, нажимаем «Далее».
Затем спрашивается, какие компоненты программы Вам нужно установить. Зачастую бывает, что в таком списке прячутся рекламные приложения, но я проверил здесь ничего подобного нет, так что «Далее».
Здесь нужно указать где, и какие ярлыки будут созданы. Можно тоже ничего не менять, и просто нажать «Установить»
Произойдёт установка, и вновь откроется окно мастера установки, в котором нужно дать команду «Готово».
После этого, на панели задач, внизу экрана, появится иконка с изображением блокнотного листа с карандашом, и если щелкнуть по ней, то откроется главная страница редактора.
Если иконка редактора не появилась на панели задач, то нужно зайти в меню «Пуск» (первый символ внизу экрана), найти там строчку «Notepad++», щёлкнуть по ней, и в открывшемся подменю, щёлкнуть правой клавишей по строке с иконкой Notepad++(блокнот с карандашом), откроется ещё одно меню, в котором нужно выбрать «Закрепить на панели задач».
На панель задач её нужно поместить потому, что в дальнейшем пользоваться им придется очень часто, а с панели задач открывать редактор можно одним кликом.
Редактор Notepad++ установлен. Теперь начинается самое интересное.
Руководство по применению
Руководство займёт целый раздел, так как в одной статье невозможно описать все возможности Notepad++.
Так что здесь начнём, а уж продолжение смотрите в меню в конце статьи.
Даже не знаю пока, сколько в нём будет пунктов, так как плагинов у редактора уже порядка пятидесяти, а ведь есть ещё горизонтальное меню и панель инструментов.
Первым делом научимся делать то, о чём я говорил в начале статьи, а именно открывать в браузере результат написанного кода.
Проще говоря, смотреть как браузер отобразит то, что мы написали в редакторе.
Для этого нужно будет сделать некоторые приготовления на Вашем компьютере. Они совсем не сложные, и делаются один раз.
После их выполнения, можно будет открывать в Вашем браузере сколько угодно, написанных Вами, файлов. Даже написать целый сайт.
Итак, чтобы написанный в Notepad файл, открылся в браузере Вашего компьютера, нужно чтоб этот файл, на Вашем компьютере, присутствовал.
А так как по умолчанию он в Вашей ОС, конечно же, не предусмотрен, то нам нужно его создать, вернее создать место (папку), в которую мы сохраним, написанный в Notepad файл. А уж браузер его там увидит, и выведет на экран.
Папку проще всего создать в библиотеке «Документы», из-за простоты доступа. Можно, конечно, для этих целей выбрать любое другое место на компьютере.
Заходим в библиотеку «Документы» (Пуск — Компьютер — Документы), и щёлкнув по полю с файлами правой клавишей, выбираем, в открывшемся меню, «Создать».
В меню «Создать», выбираем «Папку», после чего, в столбце файлов библиотеки «Документы», появиться строка, с эмблемой папки, и окрашенной в синий цвет, строкой — «Новая папка».
Нажимаем клавишу «Bachspace», строка «Новая папка» очищается, и пишем вместо неё название «site». Напоследок щёлкаем по пустому полю — папка «site» сохранена.
Это значит, что место на Вашем компьютере для файлов, написанных в Notepad++, готово.
Если Вы планируете создавать и открывать php файлы, то намного по другому, так как для скриптов потребуется интерпретатор, функции которого может выполнить .
Теперь открываем редактор, щёлкнув по его иконке, и попадаем на главную страницу Notepad++.
На этой странице находим иконку «Новый», которая расположена в самом начале панели инструментов редактора (самая верхняя строка), и щёлкнув по ней открываем новую вкладку, nev1, в которой и будем создавать файл.
.
Следующим шагом находим меню «Кодировки», в той же верхней строке, и щёлкнув по нему, выбираем UFT8(без BOM). Эта кодировка предназначена для правильного отображение русских букв.
В других кодировках все русские буквы будут отображены в виде знаков вопроса, или каких нибудь других непонятных символов.
Файл — это html документ, и чтобы не тратить время на написание его каркаса, предлагаю зайти в главу , скопировать приведённый в начале статьи код, и вставить его в nev1.
Кстати, в той же статье можно узнать, из чего состоит каркас html документа. Пригодится.
Теперь щёлкаем по меню «Файл» (верхняя строка), выбираем «Сохранить как…», и в открывшемся поисковом окне проводника, находим созданную нами папку «site».
Открываем её (откроется пустое поле), и внизу к названию файла nev1, приписываем расширение, в котором мы будем создавать документ.
Это могут быть nev1.html, или nev 1.css, или nev 1.php. Можно вообще убрать nev 1 и сразу писать index.html, index.php или style.css и «Сохранить».
Кстати, редактор поддерживает все имеющиеся в природе расширения.
После этого наш файл в редакторе приобретёт вот такой симпатичный вид.
Теперь можно попробовать что либо написать в теле документа (тег body), и посмотреть, как отобразит нашу запись браузер.
Давайте, для пробы, напишем самый большой заголовок h1.
Сохраняем написанный код, щёлкнув по третьей слева, на панели инструментов, иконке — «Сохранить».
Кстати, у каждой иконки, расположенной на панели инструментов редактора, при наведении на неё курсора, появляется название соответствующего ей инструмента, на русском языке, что исключает ошибку.
При сохранении, дискетка файла окрашивается из красного, в синий цвет, что так же всегда предостережёт Вас от ошибки.
Чтобы открыть результат, находим меню «Запуск», и выбираем в нём Ваш браузер.
Так как у меня Chrome, то и открою файл я в нём.
Ну вот, теперь можно смело экспериментировать с html кодом, и таблицами стилей (их так-же можно писать в html файле, в теге head), и сразу смотреть, что из этого получается.
Обновление
Эту главу мне приходится включить в статью уже в этом, 2019 году, так как и редактор, и ПО с момента написания статьи, пережил бум обновлений.
Мне стали приходить комменты, о том, что в меню Запуск, у новых версий редактора, нет списка браузеров, в которых можно открывать файлы.
Для меня это было как-то непонятно, ровно до тех пор, пока не купил новый ноутбук с 10-й виндой и столкнулся с такой же проблемой.
Если у вас то-же самое, то читайте решение, если нет, то пропустите эту главу.
Итак, в меню Запуск нет списка браузеров, зато есть какая-то хрень, типа Wiki и ещё чего-то, которая ничего не открывает.
Первым делом идём в Компьютер — Диск С . Нас интересуют две папки Program Files и Program Files (x86)
Открываем обе и смотрим, в какой из них установлен Nontepad++, а в какой папка Google — Chrome.
У меня они оказались в разных каталогах. Просто не пойму, с какого перепугу Microsoft установил Хром и Мозиллу в (х86). Но что есть, то есть.
Идём в Панель инструментов, в десятке она открывается по значку Поиск на панели задач, куда надо ввести команду Панель инструментов, затем Программы и компоненты и удаляем наш Notepad++.
Затем снова идём в Notepadd++ Home и выбираем версию редактора со значком (x86), на разрядность уже можно не смотреть.
Загружаем её и запускаем редактор так, как было описано выше.
В меню Запуск то-же самое, поэтому будем добавлять браузеры в ручную.
Сначала напишем что нибудь в редакторе для тестирования, после установки браузера.
Теперь смотрим, я тут немного переделал не совсем так как было, специально для вас, ну суть поймёте.
Всё лишнее можно удалить. Для этого нажимаем Изменить горячие клавиши
Откроется окно Горячих клавиш, в котором щёлкаем по строке с названием опции, она выделяется синим и жмём Delete (Удалить).
Закрываем окно, и снова в меню Запуск . В нём осталась лишь одна строка — Запуск.
Переходим по ней. Откроется окно Запуск, с просьбой ввести параметры.
Нажимаем на поисковик (квадратик с тремя точками) и находим в открывшемся поисковике на нашем компьютере нужный браузер.
То-есть снова Этот компьютер — диск С — Program Files (x86) — Google — Chrome — Application
В этом каталоге и есть исполняемый файл браузера
Двойной щелчок по нему, и путь к файлу появляется в окне Запуск редактора.
Но это только запуск браузера, а нам надо отрыть файл в этом браузере, поэтому к имеющемуся пути нужно дописать команду
$(FULL_CURRENT_PATH)
Общая запись в строке параметров окна Запуск будет такой
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" "$(FULL_CURRENT_PATH)"
Вводим и ОК.
Теперь в окне Запуск нажимаем кнопкуЗапуск .
Результат
Можно проверить из меню Запуск — всё отлично работает.
Другие браузеры добавляются точно так-же. Следите за тем, чтоб браузер и редактор находились в одном каталоге.
Возможно на это нужно обращать внимание ещё на этапе загрузки приложения. Нужно учесть это и повнимательней относится к установке дополнительных программ на компьютер.
Скорее всего в процессе загрузки этот вопрос оговаривается в диалоговых окнах, но по привычке после семёрки, на него не обращается нужного внимания.
Продолжаем знакомство с Notepad++
Для веб-мастеров использующих для управления сайтом CMS, редактор Notepad++ тоже очень даже пригодиться, и к тому же в самом начале.
Ведь при самостоятельной установке движка, в нём придётся кодировать файл «config», а сделать кодировку можно только в этом редакторе.
А теперь давайте посмотрим что ещё есть на панели инструментов и с чем чаще всего придётся работать.
Опция Вперёд-Назад — две полукруглые стрелочки. В основном, конечно, Назад.
Например если Вы сделали ошибку, и браузер отобразил чёрте что, можно быстро сделать шаг назад, чтоб вернуть всё на место не ковыряя код, и количество таких шагов не ограничено.
Размер шага составляет один клик, так что можете, не боясь запороть весь код, экспериментировать сколько душе угодно.
Следующим замечательным свойством, здорово облегчающим написание кода, является перетаскивание. Перетащить мышкой можно любой участок кода, в любое место кода, нужно лишь выделить нужный участок, и тащи куда пожелаешь.
Очень часто, после просмотра результата, появляется желание поменять некоторые элементы местами, и вот тут перетаскивание очень упрощает процесс.
Кстати перетаскивать можно и открытые вкладки, совсем как в браузере.
Если Вы не совсем уверены в правильности написания некоторых тегов и атрибутов html, свойств и значений css, функций, операторов и других элементов php, то для подсказки можно включить авто-завершение.
При активации этой опции, стоит Вам только набрать первую букву, как Notepad предложит вам несколько готовых вариантов слова.
Включается эта опция так. В меню «Опции» выбираем «Настройки». В окне настроек выбираем вкладку «Резерв/Авто-завершение».
Затем под заголовком «Авто-завершение» ставим галочку в чекбоксе «Включать для каждого ввода».
В самом начале изучения языков программирования, эти подсказки просто палочка выручалочка. Ведь невозможно быстро выучить и запомнить все элементы кода, да ещё и правильность их написания на английском языке.
В этом же разделе можно активировать опцию «Резерв», или бекап, которая позволит сохранять написанный Вами файл, в отдельной папке на компьютере.
Для этого под заголовком «Резервное копирование», ставите точку в чекбоксе «Простое», затем галочку в «Пользовательская папка для сохранения».
После этого нажимаете на квадратик с тремя точками, и в открывшемся поисковом окне выбираете папку, в которую редактор будет сохранять все копии написанных Вами файлов.
Поиск Notepad++
Поиск редактора снабжён не только поисковыми функциями. С его помощью можно вносить множественные изменения в файле и даже сразу во всех открытых файлах.
Можно изменить любой из символов и любое слово, а так же добавить в начало и или конец строки.
Можно добавить или убрать пробелы после обозначенного символа или слова, а так же между строк.
Тема поиска довольно обширная и поэтому по ней на днях будет отдельный пост.
Если кому-то не захочется ждать, попробуйте поиграть с кнопками и символами в полях ввода во вкладке Заменить в окне Поиск (иконка Бинокль). Вас ждут удивительные открытия.
Желаю творческих успехов.
Перемена
- Мама…мамочка-а-а!
- Что сын?
- У меня под одеялом чудовище какое-то!
- Какую с клуба вчера привел, такая и есть.
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++ 😉
Привет, посетителям и постоянным читателям моего блога!
На связи с вами снова я, Сергей Саранчин. Раз уж вы зашли на мой , предлагаю вам ознакомиться с полезной информацией. Постараюсь сегодня в этом материале подробно рассказать вам о html редакторе Notepad++.
Слышали о таком? Уверен, что ваш ответ будет положительным. Вот и я о нем слышал и постоянно им пользуюсь на протяжении более 2-ух лет. Но вот в чем мой недостаток,- я не рассказал вам о нём! Беда… Надо исправлять ситуацию!
Если хотите посмотреть на мой первоначальный шаблон до исправлений и обновления дизайна, то зайдите на сайт NewWpThemes.com и посмотрите мой стандартный бесплатный шаблон под названием Incredy.
Это шаблон, над которым мне пришлось изрядно потрудиться, чтобы сделать . Получилось у меня или нет, судить вам. Хочу сказать, что на пути изменения шаблона блога я имел дело с различными редакторами кода. Однако в последнее время я стал замечать, что больше всех приближена к моим требованиям была эта программа — Notepad++.
Она включает в себя огромное количество достоинств в виде простоты использования, классного дизайна, удобного интерфейса и необходимого набора важных для работы инструментов. Бесплатный html и php редактор Notepad++ это незаменимый помощник вебмастера, с помощью которого можно легко редактировать html, php и css коды на своем сайте или блоге. Это я проверил это на своем личном опыте!
Что такое Notepad++
Notepad++ — бесплатный текстовый редактор, который имеет открытый исходный код. Это говорит о том, что данная программа представляет собой свободное программное обеспечение.
В связи с этим вы можете с ней делать все что захотите, но только придерживаясь условий лицензии GNU General Public License.
Программа Notepad++ создана с целью распространения данного программного обеспечения и призвана приносить пользу.
Преимущества программы Notepad++
Я бы подчеркнул несколько важных преимуществ этой проги:
- Программа на самом деле бесплатна (я говорил об этом ранее, но повторюсь);
- высокая скорость открытия редактора. Ребята, она реально быстро загружается;
- возможность установки дополнительных модулей и для Notepad++ для расширения функционала программы;
- Мультиязычность дает возможность пользоваться программой на родном языке;
- Постоянное обновление программы Notepad++ разработчиками и внесение различных улучшений, и расширение функциональности. В реальности достаточно много программ, которые достойны внимания, как и Notepad++ , но их главный минус заключается в том, что разработчики их забросили, и долгое время не ;
Классные функции редактора Notepad++
- Подсветка синтаксиса ();
- Кнопка, отменяющая последнее действие пользователем и позволяющая также вернуться вновь в исходное положение кода;
- Замена определенных фрагментов во всем коде и поиск нужного элемента кода;
- Изменение масштаба кода (увеличение или уменьшение размера текста);
- Функция автоматического закрывания тегов в Notepad++;
- Мультиязычность (очень много языков в программе для удобства пользователей из разных стран);
- Возможность работать с несколькими файлами в одно и то же время благодаря системе вкладок;
Где скачать Notepad++
Как я уже говорил, данная программа абсолютно бесплатна. А это говорит о том, что ее можно без проблем скачать с официального сайта http://notepad-plus-plus.org/
Последняя версия редактора: Notepad++ v6.6.9 (дата выпуска 07.09.2014).
Установка редактора Notepad++
После того как вы скачали программу, нажимайте на скачанный установочный файл двойным щелчком мыши для запуска мастера установки Notepad++. Нажмите кнопку «Далее»:
Затем выбираем язык интерфейса (в моем случае русский), а потом жмем «ОК». После этого нажмите кнопку Далее:
Принимайте условия лицензионного соглашения (кнопка «Принимаю»). Далее выберите путь установки программы на своем компьютере и кликаем «Далее». После этого установим компоненты программы.
Отмечаем пункт «As default html viewer» для просмотра HTML по умолчанию:
В том случае если вы желаете работать программе на нескольких языках, то откройте компонент «Localization» и установите галки возле нужных вам языков:
У вас будет возможность изменять язык, перейдя по вкладкам «Опции» редактора Notepad++ ? «Настройки» ? «Общие» ? «Язык интерфейса».
Теперь настроим компоненты программы:
- Первый пункт нужно отметить. В нем разработчики вам предлагают не использовать папку «AppData», а осуществить запись файлов редактора Notepad++ в папке с установкой (эту установочную директорию вы выбирали на четвертом шаге).
Если захотите, то можете просто скачать эту папку из директории на любой цифровой носитель информации (например, флешку), и вы получите версию Notepad Portable. Однако хочу вас предупредить кое о чем. Не устанавливайте программу Notepad на съемный носитель в первый раз установки. Лучше на компьютер. В противном случае будет отсутствовать нужная запись в реестре. Из-за этого, не исключено, у вас появятся проблемы с кодировкой.
- Второй пункт не отмечайте. Он предоставляет возможность установки плагинов в автоматическом режиме в папку AppData. Но мало ли что туда могут закачать! Оно нам не надо!
- Третий пункт можете пометить, чтобы иконка программы Notepad++ появилась на рабочем столе вашего ПК.
- Четвертый пункт предлагает использовать старые иконки данной программы. Они нам ни к чему! Оставим лучше его пустым:
Итак, все пометили, что нам нужно для работы. Теперь нажимаем кнопку «Готово»:
Теперь вы можете запустить этот удобный, практичный и бесплатный html редактор Notepad++!
Как пользоваться Notepad++.
Теперь настало время разобраться в том, как нужно работать с Notepad++. Может кто-то из вас знает, как это делается. Это отлично! Если я что-нибудь упущу из виду, то вам можно будет описать этот момент в . Ну, а я продолжу. Посмотрите на окошко программы редактора Notepad++:
В самом верху окошка находится основная панель программы — «Панель меню»:
Ниже расположена панель Инструментов (рабочая панель). Здесь также достаточно много функциональных кнопок, которые вы будите очень часто использовать в процессе работы:
Под этой панелью вы можете увидеть «Панель вкладок». Примечательно, что вкладок можно делать сколько душе угодно и это очень удобно для работы с несколькими файлами одновременно. Кстати, эти вкладки вы можете менять местами между собой. Ну и самую основную часть программы занимает «Рабочая область» программы Notepad++.
Надеюсь, вам было интересно узнать о бесплатном редакторе notepad ++ и вы с легкостью будите им пользоваться. Желаю плодотворной деятельности! Жду ваших комментариев! До новых встреч. Пока.
Всем доброго времени суток!
В сегодняшнем посте речь пойдет о бесплатном текстовом редакторе (notepad++). Всем вам наверняка когда-то приходилось пользоваться стандартным блокнотом от windows? Обычно его используют для сохранения паролей, различных напоминаний, простых текстов и т.д.
Но это все, на что способен текстовый редактор «Блокнот». А тем ребятам, кто самостоятельно , часто приходится сталкиваться с редактированием различных файлов в формате html или php (файлы темы блога). Конечно, это можно сделать и при помощи обычного блокнота, но после того, как вы познакомитесь с notepad plus plus, блокнот для вас станет прошлым веком. В этой статье я покажу вам все удобства и преимущества бесплатного текстового редактора notepad++.
Итак, что же такого сверхъестественного в редакторе notepad? Сразу скажу, каждую функцию редактора я рассматривать не буду, так как некоторые функции носят профессиональный характер. В статье мы рассмотрим часто используемые в повседневной жизни блоггера моменты, которые заметно облегчают жизнь веб мастерам.
Как я уже сказал, программа распространяется абсолютно бесплатно, за что огромное спасибо ее разработчикам. Скачать ее можно . Просто нажмите «Download» для скачивания последней версии редактора:
И вот здесь, первое преимущество редактора, notepad++ имеет огромное множество языков установки. Нас, конечно же, интересует русский:
В следующем окошке установите галочки напротив двух верхних пунктов. Галочка в первом пункте позволит вам установить профиль, во втором, даст возможность подгружать из папки с плагинами. Жмем установить, на этом установка завершена:
Как пользоваться notepad++
Теперь, как и обещал, предлагаю рассмотреть более подробно основные преимущества бесплатного текстового редактора notepad++ над обычным текстовым редактором от windows «Блокнот».
1. Самое, пожалуй, важное преимущество — это синтаксис (подсветка) кода. Notepad++ понимает множество языков программирования (html, php, css, java и т.д.). Эту особенность также можно отнести к преимуществам текстового редактора. Каждый веб мастер, кто ведет свой персональный блог, частенько сталкивается с ситуацией, когда приходится редактировать файлы темы блога.
У большинства кодов, написанных на языке программирования, имеется парный тег, например
. При помощи подсветки кода всегда можно найти его начало и конец. Для того, чтобы подсветить код, вам достаточно будет щелкнуть по одному из тегов левой кнопкой мышки и он изменит цвет и покажет вам его пару:
Подсветка так же поможет вам не допустить ошибок в кодах. А очень распространенной ошибкой является, когда веб мастер забывает закрыть парный тег «/» или просто допускает ошибку в его написании.
2. Следующим важным преимуществом является то, что текстовый редактор позволяет сохранить и преобразовать html и php файлы в кодировку UTF-8 (без BOM). Для начинающих веб мастеров немного поясню по этому пункту. Кодировка UTF-8 является самой распространенной и используемой кодировкой юникода. Юникод — это стандарт кодирования символов, который позволяет представить знаки всех письменных языков.
Дальше лезть в дебри мы не будем, а пройдемся по существу. Дело в том, что движок wordpress работает в стандартной кодировке UTF-8. И если для редактирования файлов вы пользуетесь обычным блокнотом от windows, то при сохранении файлов даже в кодировке UTF-8, он добавляет к ним невидимые символы, которые и называются BOM. И в дальнейшем, эти невидимые символы, вместо нужного нам текста выдают непонятные иероглифы.
Notepad plus plus поможет вам избежать данную проблему, преобразовав файлы в кодировку UTF-8 (без BOM). При редактировании файлов и последующем их сохранении следите, чтобы файл был сохранен в кодировке UTF-8 (без BOM). Также можно преобразовать файл в данную кодировку, если файл имеет отличную от нашей кодировку.
3. Еще одним преимуществом текстового редактора notepad++ является наличие поиска. Иногда случается такое, что вам необходимо отыскать какой-либо участок кода. Но как это сделать? Внимательно просматривать каждый файл в отдельности? Да так можно просидеть весь день, а под конец дня в глазах будет рябить от символов! Но с notepad++ можно сделать все намного проще.
Допустим, мне необходимо найти в файле участок в коде с идентификатором id="prozr". Делается все очень просто. Открываем файл и нажимаем на значок «бинокль» или сочетание клавиш «ctrl+F». Перед вами появится дополнительное окно, в котором нужно будет ввести фразу, текст или символы для поиска. Нажать «Искать далее» и если фраза присутствует в файле, она подсветится другим цветом. Очень удобная функция.
Кроме того здесь же ее можно заменить, указать для поиска другие файлы, пометить, а также подсчитать количество повторяющихся фраз и все то, что вы видите на скриншоте.
4. Следующее преимущество — это всплывающие подсказки. Все, наверное, давным-давно заметили широко используемую и очень удобную примочку , а именно, при вводе фразы для поиска, не успев завершить ее ввод, нам выдается несколько вариантов на выбор, что очень удобно.
Бесплатный текстовый редактор notepad plus plus имеет похожую функцию. Особенно данная функция помогает, когда приходится вводить символы на английском языке, т.к не всегда можно быть уверенным в правильности их ввода:
5. Вот еще одно преимущество, которое также может пригодиться. Иногда, нужно править один и тот же файл, но в разных местах. Для этого можно открыть файл в двух вкладках одновременно. Причем любые редактирования будут производиться в обеих вкладках одновременно, то же самое касается и сохранения. Благодаря этому вы не будете задумываться, сохранили вы вторую копию файла или нет.
Для отображения одного и того же документа в разных вкладках достаточно перетащить вкладку в середину текстового редактора левой кнопкой мыши и нажать «Дублировать в Другом Окне»:
6. И еще ряд небольших преимуществ, которые я просто перечислю, не останавливаясь на каждом подробно:
- возможность вернуть исходное состояние файла на неограниченное число шагов назад. Допустим, вы редактировали код и в какой-то момент поняли, что допустили ошибку, но забыли в какой именно. В этом случае можно по шагам вернуться к исходному файлу в обратном направлении. Иногда это может быть очень удобно;
- возможность открытия множества файлов одновременно, также не маловажная функция;
- открытие файлов путем обычного перетаскивания файла мышкой в поле программы;
- возможность соединяться с сервером, имеет функции ftp — клиента. Функционал схожий с .
Это, пожалуй, основные преимущества notepad++. Может быть, я что-то и упустил, но после того, как вы начнете пользоваться данным текстовым редактором, каждый для себя найдет еще ряд преимуществ, которых на самом деле очень много у этой программы. А сейчас давайте я вам покажу ряд удобных функций, которые реализуются при помощи подключаемых плагинов.
Плагины notepad plus plus
У данного редактора помимо основных его функций существует еще множество плагинов, которые так же способны облегчить жизнь веб мастера. И о некоторых из них я вам сейчас расскажу.
1. Плагин compare
При помощи данного плагина открывается возможность сравнивать две разные версии документа одновременно. Это очень удобная функция и я ею частенько пользуюсь. Сейчас я вам покажу ее удобство на конкретном примере, но для начала нам необходимо подключить данный плагин.
Для того, что бы его подключить, пройдите по следующему пути: «Плагины/Plugen Manager/Show Plugen Manager/Compare/Instal»:
Аналогично подключаются и остальные плагины, не установленные в редакторе по умолчанию. Дальше нажимаем «Да»:
После этого можно использовать плагин. Для сравнения документов открываем два файла в notepad plus plus и переходим «Плагины/Compare/Compare» или воспользуйтесь горячими клавишами «Alt+D»:
2. Плагин NppExport
Позволяет экспортировать любой файл в HTML — формат. После чего просмотр кода будет доступен в любом браузере. Делается все так же просто. Переходим в плагины/NppExport/Export to HTML и сохраняем файл у себя на ПК.
3. Плагин NppNetNote
Иногда может быть очень даже полезным плагином. С помощью него вы сможет дать возможность подключиться другому пользователю по удаленному доступу к вашему файлу. Дальше он вам сможет помочь в его редактировании.
Вот такой вот получился мануал. На этом я буду заканчивать обзор текстового редактора notepad plus plus. Для удобства работы обычному блоггеру тех функций, что я описал в этой статье будет вполне достаточно. Но, если вам этого мало, и вы хоте погрузиться в расширенный функционал с головой, предлагаю вам посмотреть вот это видео:
Награждение победителей кроссворда на сайт №6
Вот те ребята, которые удостоились звания победителей очередного кроссворда на сайт и награждаются денежными призами.
Победители кроссворда на сайт №6:
1 место — Михаил
(pizza-gotova.com) — 150 рублей
2 место — Александр
(vedrogaek.ru) — 100 рублей
3 место — Дмитрий
([email protected]) — 50 рублей
Молодцы, поздравляю с победой! Присылайте номера своих кошельков, и я вам перечислю ваши заслуженные призы. На этой ноте я всем говорю пока и до скорых встреч в новых статьях.
Здесь вы найдете полезные советы по Notepad и инструкциям пользователя наиболее часто задаваемым вопросам о программе.
Как вернуть предыдущий вариант текста, если допущена ошибка?
Возможность возврата к предыдущим вариантам реализуется с помощью полукруглых зеленых кнопок в верхнем меню, либо используя комбинации клавиш ctrl+z. Размер шага составляет всего один клик, что позволяет четко контролировать процесс редактирования. Количество же шагов не ограничено в любом из направлений. Данная функция будет особенно полезна при написании программного кода.Каким образом можно быстро переносить участок кода из одного места в другое?
Это можно делать при помощи функции перетаскивания. Для этого необходимо выделить нужный участок текста и при помощи мыши перетащить в новое место. Данная функция будет особо полезна в ситуациях, когда, к примеру, необходимо менять элемент текста местами. Кроме того, в можно перетаскивать и созданные вкладки, подобно тому, как это делается в браузере.Что такое функция «авто-завершение»?
Данная функция будет особо полезна для тех, кто только начинает изучать языки программирования. Если вы не уверены в правильности написанных тэгов или атрибутов html, элементов php или любых других участков кода – то автоматические подсказки будут весьма актуальны. Как только вы начнете набирать новое слово, программа тут же выдаст вам несколько возможных готовых вариантов. Естественно, невозможно сразу запомнить большое количество элементов кода, но благодаря Notepad ++ вы сможете избежать ошибок и сэкономить время.
Как включить функцию «авто-завершения»?
Для того чтобы включить данную функцию необходим зайти в раздел «Настройки» и выбрать подменю «Резерв\Авто-завершение». После чего, в появившемся окне отметить галочкой пункт «Включать для каждого ввода».Что такое функция «Резерв»?
Бекап поможет сохранять созданный файл с текстом в специальной отдельной папке на компьютере. Для того чтобы включит эту функцию необходимо в меню «Настройки» войти в раздел «Резервное копирование» и отметит пункт «Пользовательская папка». После чего, необходимо выбрать конкретную папку, в которую вы хотите сохранять свои файлы.
