Когда-то я пользовался редактором dreamweaver, но когда стал верстать сайты для движка WordPress, то остановился на редакторе Notepad++. Я им доволен.
Сегодня я расскажу вам об удобных настройках в редакторе Notepad++. Благодаря этим настройкам вы сможете сэкономить уйму времени.
Итак, если у вас нет редактора Notepad++, тогда вы сможете скачать его бесплатно тут.
Удобные настройки в «Notepad++»
Быстрая кодировка UTF-8 в HTML документе
Каждый раз, когда вы создаете новый HTML документ в программе Notepad++, вам постоянно нужно менять кодировку файла из ANSI в UTF-8 (без BOM). Если это делать постоянно, то это забирает кучу времени, да и надоедает, а бывает порой, что и забыть можно.
Чтобы при создании нового HTML документа кодировка была автоматически UTF-8 (без BOM), нужно проделать такие действия:
1). В верхнем меню нажмите на пункт «Опции» => «Настройки…»
2). Далее откройте вкладку «Новый документ».
3). Выставьте там такие значения:
формат — UNIX и кодировка — UTF-8 без метки BOM
4). Жмите на кнопку «Закрыть».
После таких настроек, при создании нового документа, у вас в HTML документе сразу будет стоять кодировка UTF-8 (без BOM). Кстати, рекомендую почитать статью про HTML кодировки.
Быстрая вставка готового кода
Не знаю как вы, но я постоянно, когда создаю новый html документ, вначале прописываю стандартный код HTML, либо копирую его из других html документов:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <head> <title>Пример взят с блога BlogGood.ru </title> </head> <body> ... </body> </html>
Я упростил себе жизнь, что и рекомендую сделать вам. Достаточно записать HTML код один раз и, как только вам понадобиться код, достаточно нажать на соответствующие горячие клавиши.
Итак, как это можно сделать? Да легко!
1). Откройте редактор Notepad++ и создайте новый документ
2). Теперь жмите на кнопку «Старт записи»:
3). После того, как нажали на кнопку «Старт записи», вводим основной HTML код пальчиками или вставляем готовый.
4). Когда дописали код, жмите кнопку «Стоп»:
5). Теперь нужно сохранить запись. В верхнем меню перейдите по вкладке «Макросы» => «Сохранить запись макро…» и появится вот такое окошко:
Настройки:
- «Name» – здесь запишите имя записи, например: основной код HTML.
Ниже укажите горячие клавиши для вызова записи. Например: я поставил птички на «CTRL+SHIFT+ALT»+«K»
Теперь, если вам нужен будет основной код HTML, достаточно будет нажать на горячие клавиши, которые вы указали или перейти в меню «Макросы» и выбрать название записи
Таким способом можно сделать свою собственную библиотеку различных шпаргалок кодов, скриптов и т. д.
Автопродление кода
Автопродление кода – это еще одна полезная возможность, которую дарит нам, веб-мастерам, редактор Notepad++. Если кто не знает, что это за возможность, рассказываю. Когда вы будете писать код в редакторе Notepad++, вы увидите предлагаемые теги в списке:
Итак, существуют два способа вызова окна атопродления кода:
1). Чтобы вызвать окно атопродления кода, воспользуйтесь горячими клавишами «CTRL» + «Space (пробел)». Минус такого способа в том, что нужно часто нажимать на клавиши;
2). Этот способ позволит забыть о горячих клавишах для вызова окна атопродления кода, так как окно будет появляться автоматически. Для этого нужно зайти в настройки и кое-что подкрутить. Итак, откройте «Опции» => «Настройки» => «Резерв/Автозавершение» и отметьте нужные настройки галочками:
Внимание: два способа работают в том случае, если файл сохранен и указано расширение файла, например: «html, css, php».
Выделение кода разным цветом
Иногда бывают такие ситуации, что нужно выделить некоторые куски кода разным цветом. Такая потребность возникает, когда код огромный и вам часто нужно возвращаться какому-то месту. Выделенный код (подсветка) остается до тех пор, пока вы не закроете документ.
Итак, выделите нужный кусок кода и нажмите правой кнопкой мыши. В открывшемся списке выберите «Style token» и любой стиль 1-5.
Результат я отметил стрелочкой и цифрой (5)
Работа с проектами
Если вы работаете с большим количеством файлов, тогда для ускорения времени рекомендую использовать функцию «Проект»:
1). Нажмите в меню на вкладку «Вид» => «Проект» => «Панель проекта 1»
2). Дальше следует нажать правой кнопкой мыши по пункту «Рабочая область» и в открывшемся списке выбрать вкладку «Добавить Новый проект». Сразу напишите проекту имя:
3). Кликните по вашему проекту правой кнопкой мыши. В выпадающем списке выберите пункт «Добавить файлы из директории»:
Вот таким способом мы сделали дерево файлов, в котором легко ориентироваться и редактировать, добавлять и сохранять файлы. Удобно и быстро!
Вот такой будет вид после добавления файлов из директории:
Проверка орфографии
В редакторе Notepad++, есть возможность проверить текст на наличие ошибок.
1). Итак, чтобы подключит такую возможность, нажмите на кнопку «проверка орфографии»:
2). Откроется вот такое маленькое окошко, где вам нужно будет перейти по ссылке https://aspell.net/win32/:
3). Закройте редактор Notepad++. Скачайте и установите вначале полную версию Aspell, а потом русский, украинский и английский словарь:
4). Откройте блокнот Notepad++ снова, теперь у вас появилась возможность проверять текст на орфографические ошибки. Для проверки орфографии документ должен быть в кодировке UTF-8 (Юникод) или UTF-8 без BOM, иначе работать не будет. Далее выделяете нужное слово или весь текст и жмете на кнопку «проверка орфографии». Вот результат:
Внимание: Еще раз напомню, что кодировка файла должна быть UTF-8 (Юникод) или UTF-8 без BOM, иначе проверка орфографии не найдет ошибок:
Если у вас файл сохранен в кодировке ANSI, преобразуйте файл в кодировку UTF-8 или UTF-8 без BOM. Для этого в меню перейдите «Кодировки» => «Преобразовать в UTF-8» или «Преобразовать в UTF-8 без BOM»:
Горячие клавиши в редакторе Notepad++
Чтобы посмотреть или поменять горячие клавиши для вызова каких либо действий, вам нужно в меню перейти по вкладке «Опции» => «Горячие клавиши…»
А вот пару необходимых горячих клавиш, которыми пользуюсь я для ускорения работы:
«Ctrl» + «S» - сохранить файл
«Ctrl» + «C» - копировать
«Ctrl» + «V» - вставить
«Ctrl» + «Z» - отмена
«Ctrl» + «A» - выделить все
Полезное дополнение
1). Если выделить текст, правой кнопкой мыши нажать по нему и выбрать вкладку «Закомментировать выделенное», то весь выделенный текст будет закомментирован вот так:
<!-- то весь выделенный текст будет закомментирован -->
2). Если правой кнопкой мыши нажать на поле и выбрать вкладку «Закомментировать выделенное», то появиться быстрая возможность закомментировать код:
<!-- -->
Кстати, как закомментировать код в HTML, CSS, PHP, JavaScript, почитайте тут.
Вот и все! Конечно возможностей в редакторе Notepad++ валом, просто для меня это самые необходимые. Если у вас есть что-то интересное рассказать о возможностях редактора Notepad++, пишите в комментариях.
P.S. Всем спасибо за внимание и не забывайте подписываться на обновление моего блога .
Удачи!
Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓
Последние новости категории:
Похожие статьи
Популярные статьи:
-
Как узнать id компьютера
Дата: 29 марта 2013
Прокомментировано:90
просмотров: 330346 -
Размеры форматов листов А0 – А7
Дата: 23 января 2013
Прокомментировано:3
просмотров: 274701 -
Смешные логические загадки с подвохом, отгадки прилагаются
Дата: 12 ноября 2014
Прокомментировано:5
просмотров: 222533 -
Готовые макеты блоков для веб-страниц на HTML и CSS
Дата: 25 июня 2014
Прокомментировано:23
просмотров: 187741 -
Установка windows 7 на ноутбук
Дата: 18 декабря 2012
Прокомментировано:169
просмотров: 186564
21 Ответов на комментарий - Удобные настройки в «Notepad++» для веб-мастера
Добавить комментарий
Метки: полезные статьи
Автопродление кода теперь настроила как надо. В изначальных настройках было не удобно.
В целом статья интересная, спасибо.
Добрый день! Подскажите, пожалуйста, как из слов расписанных в строку и разделенных пробелом сформировать столбец?
Здравствуйте, Дмитрий! Надеюсь, я Вас правильно понял. Откройте «Notepad++» и в меню найдите «Вид» => «Перенос строк».
Спасибо! Я уже нашел ответ)
dremriwer, lol
Подскажите, почему надо выставлять Unix в настройках? Какое преимущество даёт перед Windows?
Сейчас уже можно настроить проверку орфографии по нормальному, сразу на нескольких языках. Сегодня делал с новой версией. Там есть тонкости.
это для оформление конца строки.
читайте тут
Здраствуйте! А можно ли в notepad, переводить css в html?
Здравствуйте, Михаил!
Можно, но я не могу понять для чего это.
Что Вы хотите сделать?
У меня такая проблема:
Не могу кнопку read more(читать далее) перевести!
Установил тему,и сам тег скрывается в стилях css
Вот как изменить? Всё облазил нет ответа!
Не подскажете?
Пробуйте вот так:
1) Найдите в файле “index.php” вашей темы вот такой кусок кода:
Замените на вот такой:
Если не поможет, верните все назад как было и попробуйте вот это:
1) В файле “footer.php” в самом конце сразу после тега вставьте вот такой код:
Работает на все 100%, проверял на вашем сайте.
Спасибо Степан!
Получилось, только со вторым вариантом
в index/php такого файла не нашёл.
Сейчас работает но только на первом посте,
на остальных так и есть.
Но я ещё по колдую
Спасибо!
Пожалуйста, Михаил!
Всё Степан, сделал!Теперь везде отображается!
Саму надпись (Read more)нашёл и заменил
Вообще нашёл в подпапке случайно!
Хотя поиск элементов не показал.
3 дня мучался!Если бы не ты так бы и плюнул!
Спасибо!
Я тебе полайкал в сетях!
Пожалуйста, Михаил!
И спасибо за лайки в соц. сетях!
dremriver? рили?)) мб dreamweaver? многовато ошибок для одного слова
Спасибо, исправил!
Здравствуйте.
В нижнем правом углу в Notepad++ у меня написано UNIX, на вашем скриншоте в посте выше – Macintosh, как можно ли сделать Windows и на что это повлияет??
Здравствуйте, Саша!
Двойным кликом жмите на UNIX и выбираете Win формат.
Влияет на перевод строки, или разрыв строки.
Здравствуйте, сайт ещё работает? Если да, то мой вопрос вот в чём: Использовал редактор, при сохранении нового файла, в окне сохранения мне указывало в каком формате сохранять файл (подставлялось расширение). После переустановки системы и заново установленного редактора не могу найти в настройках пункт, в котором указывается параметр сохранения нужного формата файла (нужен php). Где найти и установить автоподставу расширения при сохранении файла?
Здравствуйте. Сайт еще работает, просто автор немного разочаровался в пользователях. Многие ставят ADBLOCK, и за этого нет желания приходить вовремя и отвечать на комментарии.
По Вашему вопросу, просто пишите название файла, ставите точку и расширение php. Я делаю именно так.