Меню

Notepad настройка цветовой схемы

Удобные настройки в «Notepad++» для веб-мастера

2014-04-17 / Вр:19:34 / просмотров: 43682

Когда-то я пользовался редактором dreamweaver, но когда стал верстать сайты для движка WordPress, то остановился на редакторе Notepad++. Я им доволен.
Сегодня я расскажу вам об удобных настройках в редакторе Notepad++. Благодаря этим настройкам вы сможете сэкономить уйму времени.
Итак, если у вас нет редактора Notepad++, тогда вы сможете скачать его бесплатно тут.

Удобные настройки в «Notepad++»

Быстрая кодировка UTF-8 в HTML документе

Каждый раз, когда вы создаете новый HTML документ в программе Notepad++, вам постоянно нужно менять кодировку файла из ANSI в UTF-8 (без BOM). Если это делать постоянно, то это забирает кучу времени, да и надоедает, а бывает порой, что и забыть можно.
Чтобы при создании нового HTML документа кодировка была автоматически UTF-8 (без BOM), нужно проделать такие действия:
1). В верхнем меню нажмите на пункт «Опции» => «Настройки…»

После таких настроек, при создании нового документа, у вас в HTML документе сразу будет стоять кодировка UTF-8 (без BOM). Кстати, рекомендую почитать статью про HTML кодировки.

Быстрая вставка готового кода

Не знаю как вы, но я постоянно, когда создаю новый html документ, вначале прописываю стандартный код HTML, либо копирую его из других html документов:

Я упростил себе жизнь, что и рекомендую сделать вам. Достаточно записать HTML код один раз и, как только вам понадобиться код, достаточно нажать на соответствующие горячие клавиши.
Итак, как это можно сделать? Да легко!

1). Откройте редактор Notepad++ и создайте новый документ
2). Теперь жмите на кнопку «Старт записи» :

5). Теперь нужно сохранить запись. В верхнем меню перейдите по вкладке «Макросы» => «Сохранить запись макро…» и появится вот такое окошко:

— « Name » – здесь запишите имя записи, например: основной код HTML.
Ниже укажите горячие клавиши для вызова записи. Например: я поставил птички на «CTRL+SHIFT+ALT»+«K»

Теперь, если вам нужен будет основной код HTML, достаточно будет нажать на горячие клавиши, которые вы указали или перейти в меню «Макросы» и выбрать название записи

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

Автопродление кода – это еще одна полезная возможность, которую дарит нам, веб-мастерам, редактор Notepad++. Если кто не знает, что это за возможность, рассказываю. Когда вы будете писать код в редакторе Notepad++, вы увидите предлагаемые теги в списке:

Итак, существуют два способа вызова окна атопродления кода:

2). Этот способ позволит забыть о горячих клавишах для вызова окна атопродления кода, так как окно будет появляться автоматически. Для этого нужно зайти в настройки и кое-что подкрутить. Итак, откройте «Опции» => «Настройки» => «Резерв/Автозавершение» и отметьте нужные настройки галочками:

Читайте также:  Настройка сервисного меню телевизора samsung 6 серии

Внимание: два способа работают в том случае, если файл сохранен и указано расширение файла, например: «html, css, php».

Выделение кода разным цветом

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

Итак, выделите нужный кусок кода и нажмите правой кнопкой мыши. В открывшемся списке выберите «Style token» и любой стиль 1-5.

Результат я отметил стрелочкой и цифрой ( 5 )

Работа с проектами

Если вы работаете с большим количеством файлов, тогда для ускорения времени рекомендую использовать функцию «Проект»:

1). Нажмите в меню на вкладку «Вид» => «Проект» => «Панель проекта 1»

3). Кликните по вашему проекту правой кнопкой мыши. В выпадающем списке выберите пункт «Добавить файлы из директории» :

Вот таким способом мы сделали дерево файлов, в котором легко ориентироваться и редактировать, добавлять и сохранять файлы. Удобно и быстро!

Вот такой будет вид после добавления файлов из директории:

Проверка орфографии

В редакторе Notepad++, есть возможность проверить текст на наличие ошибок.
1). Итак, чтобы подключит такую возможность, нажмите на кнопку «проверка орфографии» :

2). Откроется вот такое маленькое окошко, где вам нужно будет перейти по ссылке https://aspell.net/win32/:

3). Закройте редактор Notepad++. Скачайте и установите вначале полную версию Aspell, а потом русский, украинский и английский словарь:

Внимание: Еще раз напомню, что кодировка файла должна быть UTF-8 (Юникод) или UTF-8 без BOM, иначе проверка орфографии не найдет ошибок:

Если у вас файл сохранен в кодировке ANSI, преобразуйте файл в кодировку UTF-8 или UTF-8 без BOM. Для этого в меню перейдите «Кодировки» => «Преобразовать в UTF-8» или «Преобразовать в UTF-8 без BOM» :

Горячие клавиши в редакторе Notepad++

Чтобы посмотреть или поменять горячие клавиши для вызова каких либо действий, вам нужно в меню перейти по вкладке «Опции» => «Горячие клавиши…»

А вот пару необходимых горячих клавиш, которыми пользуюсь я для ускорения работы:

Полезное дополнение

2). Если правой кнопкой мыши нажать на поле и выбрать вкладку «Закомментировать выделенное», то появиться быстрая возможность закомментировать код:

Кстати, как закомментировать код в HTML, CSS, PHP, JavaScript, почитайте тут.

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

Источник

Удобные настройки в «Notepad++» для веб-мастера

2014-04-17 / Вр:19:34 / просмотров: 43682

Читайте также:  Планшет мобильный интернет настройка

Когда-то я пользовался редактором dreamweaver, но когда стал верстать сайты для движка WordPress, то остановился на редакторе Notepad++. Я им доволен.
Сегодня я расскажу вам об удобных настройках в редакторе Notepad++. Благодаря этим настройкам вы сможете сэкономить уйму времени.
Итак, если у вас нет редактора Notepad++, тогда вы сможете скачать его бесплатно тут.

Удобные настройки в «Notepad++»

Быстрая кодировка UTF-8 в HTML документе

Каждый раз, когда вы создаете новый HTML документ в программе Notepad++, вам постоянно нужно менять кодировку файла из ANSI в UTF-8 (без BOM). Если это делать постоянно, то это забирает кучу времени, да и надоедает, а бывает порой, что и забыть можно.
Чтобы при создании нового HTML документа кодировка была автоматически UTF-8 (без BOM), нужно проделать такие действия:
1). В верхнем меню нажмите на пункт «Опции» => «Настройки…»

После таких настроек, при создании нового документа, у вас в HTML документе сразу будет стоять кодировка UTF-8 (без BOM). Кстати, рекомендую почитать статью про HTML кодировки.

Быстрая вставка готового кода

Не знаю как вы, но я постоянно, когда создаю новый html документ, вначале прописываю стандартный код HTML, либо копирую его из других html документов:

Я упростил себе жизнь, что и рекомендую сделать вам. Достаточно записать HTML код один раз и, как только вам понадобиться код, достаточно нажать на соответствующие горячие клавиши.
Итак, как это можно сделать? Да легко!

1). Откройте редактор Notepad++ и создайте новый документ
2). Теперь жмите на кнопку «Старт записи» :

5). Теперь нужно сохранить запись. В верхнем меню перейдите по вкладке «Макросы» => «Сохранить запись макро…» и появится вот такое окошко:

— « Name » – здесь запишите имя записи, например: основной код HTML.
Ниже укажите горячие клавиши для вызова записи. Например: я поставил птички на «CTRL+SHIFT+ALT»+«K»

Теперь, если вам нужен будет основной код HTML, достаточно будет нажать на горячие клавиши, которые вы указали или перейти в меню «Макросы» и выбрать название записи

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

Автопродление кода – это еще одна полезная возможность, которую дарит нам, веб-мастерам, редактор Notepad++. Если кто не знает, что это за возможность, рассказываю. Когда вы будете писать код в редакторе Notepad++, вы увидите предлагаемые теги в списке:

Итак, существуют два способа вызова окна атопродления кода:

2). Этот способ позволит забыть о горячих клавишах для вызова окна атопродления кода, так как окно будет появляться автоматически. Для этого нужно зайти в настройки и кое-что подкрутить. Итак, откройте «Опции» => «Настройки» => «Резерв/Автозавершение» и отметьте нужные настройки галочками:

Читайте также:  Настройка кпп для гольфа в стритрейсерах

Внимание: два способа работают в том случае, если файл сохранен и указано расширение файла, например: «html, css, php».

Выделение кода разным цветом

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

Итак, выделите нужный кусок кода и нажмите правой кнопкой мыши. В открывшемся списке выберите «Style token» и любой стиль 1-5.

Результат я отметил стрелочкой и цифрой ( 5 )

Работа с проектами

Если вы работаете с большим количеством файлов, тогда для ускорения времени рекомендую использовать функцию «Проект»:

1). Нажмите в меню на вкладку «Вид» => «Проект» => «Панель проекта 1»

3). Кликните по вашему проекту правой кнопкой мыши. В выпадающем списке выберите пункт «Добавить файлы из директории» :

Вот таким способом мы сделали дерево файлов, в котором легко ориентироваться и редактировать, добавлять и сохранять файлы. Удобно и быстро!

Вот такой будет вид после добавления файлов из директории:

Проверка орфографии

В редакторе Notepad++, есть возможность проверить текст на наличие ошибок.
1). Итак, чтобы подключит такую возможность, нажмите на кнопку «проверка орфографии» :

2). Откроется вот такое маленькое окошко, где вам нужно будет перейти по ссылке https://aspell.net/win32/:

3). Закройте редактор Notepad++. Скачайте и установите вначале полную версию Aspell, а потом русский, украинский и английский словарь:

Внимание: Еще раз напомню, что кодировка файла должна быть UTF-8 (Юникод) или UTF-8 без BOM, иначе проверка орфографии не найдет ошибок:

Если у вас файл сохранен в кодировке ANSI, преобразуйте файл в кодировку UTF-8 или UTF-8 без BOM. Для этого в меню перейдите «Кодировки» => «Преобразовать в UTF-8» или «Преобразовать в UTF-8 без BOM» :

Горячие клавиши в редакторе Notepad++

Чтобы посмотреть или поменять горячие клавиши для вызова каких либо действий, вам нужно в меню перейти по вкладке «Опции» => «Горячие клавиши…»

А вот пару необходимых горячих клавиш, которыми пользуюсь я для ускорения работы:

Полезное дополнение

2). Если правой кнопкой мыши нажать на поле и выбрать вкладку «Закомментировать выделенное», то появиться быстрая возможность закомментировать код:

Кстати, как закомментировать код в HTML, CSS, PHP, JavaScript, почитайте тут.

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

Источник