23 Март 2011

NetBeans – отличный редактор для веб-мастера

NetBeans - текстовый редактор для веб-мастера

Сегодня, уважаемый читатель, я предлагаю отдохнуть от череды видеоуроков по программированию на PHP и обсудить проблему выбора редактора, в котором нам, время от времени, приходится писать HTML, CSS и PHP-код.

Как вы помните из курса div верстки сайта, для верстки HTML+CSS-макета я использовал Dreamweaver, т. к. был полностью очарован весьма удачной реализацией функции завершения набираемых тегов и атрибутов тегов (автокомплитером).

Достаточно было набрать первые буквы тега или его атрибута, нажать CTRL+Пробел, и редактор предлагал варианты завершения набранного кода.

Еще одно немаловажное достоинство Dreamweaver — это его умение делать автокомплит не только HTML, но и CSS-свойств.

Благодаря перечисленным нехитрым достоинствам я экономил время и нервы.

Однако, у Dreamweaver были и недостатки:

  • Самый существенный недостаток — это высокая стоимость (13 275 рублей, не кисло). Естественно, мы знаем как этот минус обойти :) Но, как ни странно, найти свежие версии продуктов компании Adobe стало задачей не из легких. Поэтому я пользовался старой версией Dreamweaver.

  • В Dreamweaver 8, которым я пользовался, отсутствовало понимание PHP-кода. Поэтому на автокомплиты при написании PHP-скрипта надеяться не приходилось. Может быть, в более поздних версиях данного продукта, этой проблемы и не существовало, но, по причинам, изложенным в первом пункте, я пользовался устаревшей версией.

  • Dreamweaver не умел подсвечивать открывающиеся и закрывающиеся теги так, как это делает, например NotePad++ или PSPad.

Кстати говоря, NotePad++ и PSPad — замечательные текстовые редакторы, легкие и удобные. А подсветка тегов, визуализация отступов (в случае NotePad++) и возможность легкого изменения кодировки файла — делают данные программы незаменимыми инструментами веб-мастера. Лично я голосую за NotePad++, входящий в мою любимую сборку Total Commander.

 Отступы и подсветка синтаксиса в Notepad++

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

Но, в силу объективных причин (отсутствие достойного софта для решение специфических задач), я вернулся с Ubuntu на ОС MS Windows. Очень жаль, т. к. Ubuntu – замечательная операционная система, но пока она не дотягивает до полной альтернативы Windows в моем случае.

Итак, я продолжил поиск. Уважаемый читатель, в итоге я нашел то, что искал.

NetBeans – идеальная среда веб-разработки

NetBeans – прекрасная программа, соответствующая всем моим требованиям и умеющая делать еще много всего, что моментально вошло в список тех самых требований.

HTML верстка и PHP в NetBeans, достоинства программы:

  • Программа бесплатная. Ее можно загрузить с официального сайта NetBeans.
  • Автокомплит в NetBeans реализован на высочайшем уровне. Автодополняются теги, атрибуты, значения атрибутов, CSS-свойства, значения свойств (короче говоря, автокомплитится все).
  • В процессе автокомплита появляется окно со справочной информацией по тегам, атрибутам и CSS свойствам.
  • Подсветка ошибок синтаксиса.

  • Окно «Навигатор» позволяет быстро перемещаться по структуре документа.
  • Программа автоматически делает отступы табуляции при написании кода и выполняет данную задачу довольно корректно.
  • Программа ведет локальную историю и дает возможность сравнивать свежую и предыдущие версии файла, совсем как система контроля версий.
  • Кроссплатформенное решение.
  • Есть русскоязычная версия.
  • При написании PHP-скрипта, программа позволяет быстро перемещаться между файлом, содержащим объявление класса и файлом создания экземпляра данного класса!

Не знаете, что такое класс и экземпляр класса — тогда мой бесплатный видеокурс по PHP вам в помощь.

Теперь обо всем по порядку.

Сначала более подробно расскажу о некоторых достоинствах.

Автокомплит идеален. Все та же комбинация Ctr+Пробел и вы наблюдаете список возможных значений, а в добавок еще и справочную информацию.

Кроме того, автокомплит, каким-то чудесным образом, помнит все объявленные в CSS-файле классы и автокомплитит их в атрибут class=””.

Автокомплит в Netbeans идеален.

Красное подчеркивание и маркер в случае ошибок синтаксиса:

 Подсветка ошибок синтаксиса в Netbeans

Окно «навигатор» позволяет быстро сориентироваться в структуре документа и, двойным кликом на соответствующем пункте, переместиться к нужному месту кода. Соответствующая структура появляется так же в PHP и CSS-файлах.

Стуктура документа, демонстрируемая NetBeans

При редактировании листа стилей доступен предпросмотр результата прямо в окне NetBeans.

Netbeans отображает пример воздействия свойств CSS

Кликнув по файлу в списке проекта правой мышкой и выбрав соответствующий пункт появляется возможность просматривать локальную историю изменений.

Netbeans мониторит историю изменения файлов 

 

Кликнув правой мышкой по названию модели, в месте объявления экземпляра класса, выбрав соответствующий пункт (Переход/Перейти к объявлению) мы получаем возможность отрыть в дополнительной вкладке файл, объявляющий модель.

Переход Netbeans к файлу обявления модели

Как установить NetBeans и пользоваться

Я скачал с официального сайта самую крупную версию дистрибутива, которая поддерживает все, что только можно (319 МБ, ну и что, интернет быстрый, HDD – большой, не жалко) и выбрал, в качестве языка IDE, русский.

Для работы программы требуется JDK (это какие-то Java-дела). Если у вас JDK не установлено, то при запуске установки NetBeans вы увидите соответствующее сообщение.

Установка NetBeans

Скачать JDK можно с официального сайта Oracle.

С дальнейшей установкой проблем возникнуть не должно.

Теперь поговорим о процессе открытия файлов на редактирование.

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

Для этого:

1. Выбрать пункт меню Файл/Создать проект (CTRL+SHIFT+N).

2. В появившемся окне указать в качестве категории папку PHP, а в качестве проектаприложение PHP.

Netbeans PHP

3. На следующем шаге необходимо задать настройки: Имя проекта: решайте сами, как ваш проект будет называться; Sources Folder: укажите путь к папке, хранящей ваш проект (в случае уроков по PHP — это будет папка www); PHP Version: можно оставить без изменений; Default Encoding: укажите кодировку файлов проекта (в случае видеоуроков — UTF-8). Вот, собственно и все, можно нажимать «Завершить»

NetBeans PHP

После завершения настроек, в левой части окна программы появится дерево папок проекта для удобства поиска и открытия нужного файла. А в папке, указанной как Sources Folder на втором шаге настройки, будет создана дирректория nbproject для хранения служебной информации NetBeans о проекте. Создание служебной директории, не имеющей прямого отношения к разрабатываемому проекту — это минус NetBeans, но минус не значительный и с ним вполне можно мириться.

Есть еще один минус — это сложности с кодировками при открытии одиночного файла, не имеющего отношения к проекту, для которого кодировка задается в настройках, а также при создании нового файла. Дело в том, что кодировка по умолчанию в NetBeans — вовсе не полюбившаяся нам UTF-8 и места где это можно изменить/переконвертировать в интерфейсе нет.

Для изменения кодировки по умолчанию необходимо:

  1. Открыть на редактирование файл настроек программы c:\Program Files\NetBeans 6.9.1\etc\netbeans.conf
  2. Найти параметр netbeans_default_options=
  3. В конец, перед закрывающейся кавычкой добавить -J-Dfile.encoding=UTF-8

Найденные минусы пустяковые, плюсы умопомрачительные. Мне очень понравились возможности NetBeans. Я рекомендую использовать NetBeans в качестве основного редактора кода для веб-мастера.

У данной статьи есть спонсор (как им стать)
Вы начинающий интернет-предприниматель и хотите попробовать свои силы в торговле через интернет? Тогда создание интернет магазина профессионалами решит множество проблем.

С уважением, Андрей Морковин.

MAXCACHE: 0.91MB/0.00030 sec