Редактор для WEB

Список разделов Общие разделы Оффтопик

Описание: Здесь можно обсудить всё, что не связано с тематикой сайта.
Модератор: Поддержка

Сообщение #1 factotum » 26.11.2012, 22:11

Сегодня писал. Обычная рутинная писанина - много буков в тегах html. И понял, что что-то не так в моем редакторе. Вот и захотелось задать вопрос у другим - кто чем пользуется для кодинга?

Начну с себя - Notepad++
+ Подсветка
+ Работа с кодировками на пять
+ Мощный поиск и замена (поиск в директории, поиск по маске, и много чего... в общем пока все хорошо.)
Немного непонятно с авто-подстановкой/закрытием тегов. В Дримвивере это удобно. С ноутпадом не разобрался? Upd. CTRL + Пробел - решение наполовину, теги не закрывает
Частенько не хватает фичи из дримвивера, когда в пару кликов для элемента можно выбрать класс из подцепленного файла стиля.
Работа с картинками в дримвивере так же на зависть ноутпаду++
Не нравится вставка символов. Сегодня немного утомил элементарный отлов кавычек с заменой на кодировку HTML

Добавлено спустя 48 минут 44 секунды:
Upd.
Хабр советует Sublime Text 2. Пробую.
Если "улучшение" стало "граблями" - Вы его переросли
factotum
Автор темы, Гуру
Откуда: Люксембург
Репутация: 234
С нами: 9 лет 9 месяцев

Сообщение #2 VEG » 27.11.2012, 11:55

Ещё можете попробовать WebStorm/PhpStorm. Вдруг понравится :) Правда, оно не такое быстрое, как Notepad++, зато умное очень :) Даже шаблоны Smarty поддерживает (правда, это не преимущество для phpBB).
С наилучшими пожеланиями, Евгений
VEG M
Администратор
Аватара
Возраст: 34
Откуда: Минск, Беларусь
Репутация: 1637
С нами: 9 лет 9 месяцев

Сообщение #3 ReXtor » 27.11.2012, 13:05

Аналогично топикстартеру - Notepad++
ReXtor
Новичок
Откуда: Yakutsk
Репутация: 6
С нами: 9 лет 2 месяца

Сообщение #4 factotum » 27.11.2012, 15:04

VEG:WebStorm/PhpStorm
Смущает Shareware. Хотя судя по отзывам, питерцы делают довольно правильные инструменты
добавил бы еще в преимущества ноутпад++ портативность.
Если "улучшение" стало "граблями" - Вы его переросли
factotum
Автор темы, Гуру
Откуда: Люксембург
Репутация: 234
С нами: 9 лет 9 месяцев

Сообщение #5 VEG » 27.11.2012, 15:12

Sublime Text 2 тоже коммерческий. Из бесплатных наверное лучше Notepad++ ничего и нет.

Добавлено спустя 12 минут 25 секунд:
К слову, Sublime Text 2 я тоже немного пробовал. Но сходу не нашёл привычную светлую цветовую схему и комбинации клавиш сильно отличаются от Notepad++. А тратить время на настройки не захотелось :)
Кстати, может быть вы не знаете. Несколько полезных комбинаций клавиш в Notepad++, которыми я пользуюсь особо часто:
Ctrl+Shift+↑ — передвинуть текущую строку вверх
Ctrl+Shift+↓ — передвинуть текущую строку вниз
Ctrl+L — вырезать/удалить текущую строку
Ctrl+Q — закомментировать текущую строку/строки (работает не для всех языков)
Alt+Shift+S — удалить пробелы в конце каждой строки и сохранить файл
А на F5 я поставил вывод текущей даты в формате «15:23 27.11.2012» — кнопка и формат взяты из стандартного блокнота Windows, которым я пользовался до Notepad++ :)
С наилучшими пожеланиями, Евгений
VEG M
Администратор
Аватара
Возраст: 34
Откуда: Минск, Беларусь
Репутация: 1637
С нами: 9 лет 9 месяцев

Сообщение #6 factotum » 27.11.2012, 15:40

VEG:Sublime Text 2 тоже коммерческий
Текущие версии работают без ограничений, раз в час докучая предложением все же заплатить.
VEG:стати, может быть вы не знаете. Несколько полезных комбинаций клавиш в Notepad++
да, мастхейв. а как сделать автоматическое закрытие тегов? это когда набираешь "</" и автоподстановка автоматически добавляет открытый тег.
Если "улучшение" стало "граблями" - Вы его переросли
factotum
Автор темы, Гуру
Откуда: Люксембург
Репутация: 234
С нами: 9 лет 9 месяцев

Сообщение #7 VEG » 27.11.2012, 15:50

factotum:да, мастхейв. а как сделать автоматическое закрытие тегов? это года набираешь "</" и автоподстановка автоматически добавляет открытый тег.
Ранее я делал себе такую функцию при помощи какого-то плагина. Возможно, XML Tools или HTML Tag (не помню). Список плагинов смотрите в Plugins » Plugin Manager » Show Plugin Manager. Там большой выбор плагинов.
Изображение
С наилучшими пожеланиями, Евгений
VEG M
Администратор
Аватара
Возраст: 34
Откуда: Минск, Беларусь
Репутация: 1637
С нами: 9 лет 9 месяцев

Сообщение #8 factotum » 27.11.2012, 15:59

VEG:Но сходу не нашёл привычную светлую цветовую схему
IDLE - белая. + еще пяток светлых

Добавлено спустя 1 минуту 55 секунд:
VEG:при помощи какого-то плагина
остается пробовать все. пока пробую Sublime Text. Портабле, х64 на пользу. остальное нужно ощутить :)

Добавлено спустя 13 минут 37 секунд:
Курил Sublime, а вернулся в Notepad++
Как раз почти все что нужно в статье на хабре: http://habrahabr.ru/post/55552/
2009 год. стало стыдно :oops:
TextFX делает Notepad++ удобней :kettle:
Если "улучшение" стало "граблями" - Вы его переросли
factotum
Автор темы, Гуру
Откуда: Люксембург
Репутация: 234
С нами: 9 лет 9 месяцев

Сообщение #9 VEG » 27.11.2012, 22:45

Вот ещё один интересный вариант обнаружился из бесплатных: Programmer's Notepad. Использует тот же движок, что и Notepad++.
Изображение
С наилучшими пожеланиями, Евгений
VEG M
Администратор
Аватара
Возраст: 34
Откуда: Минск, Беларусь
Репутация: 1637
С нами: 9 лет 9 месяцев

Сообщение #10 factotum » 28.11.2012, 01:15

решил добить Notepad++

Убрал все плаги.

Добавил ZenCoding от Сергея Чикуенка.
Далее все просто:
HTML код пишется на CSS манеру:
Код: Выделить всё
ul>li*5>a.menu-item

Нажимаем Ctrl+Alt+Enter и получаем результат:
Код: Выделить всё
<ul>
   <li><a href="" class="menu-item"></a></li>
   <li><a href="" class="menu-item"></a></li>
   <li><a href="" class="menu-item"></a></li>
   <li><a href="" class="menu-item"></a></li>
   <li><a href="" class="menu-item"></a></li>
</ul>
Из нужного поддерживается HTML+CSS, что для меня и достаточно. Для JS предпочту Eclipse JSDT. На PHP пишу как первоклашка, поэтому не актуально.

Жизнь налаживается :dance:
Если "улучшение" стало "граблями" - Вы его переросли
factotum
Автор темы, Гуру
Откуда: Люксембург
Репутация: 234
С нами: 9 лет 9 месяцев

Сообщение #11 factotum » 28.11.2012, 13:24

Upd. Сергей продолжил развите проекта уже с другим именем. Сейчас это Emmet
документация шикарна: http://docs.emmet.io/
Если "улучшение" стало "граблями" - Вы его переросли
factotum
Автор темы, Гуру
Откуда: Люксембург
Репутация: 234
С нами: 9 лет 9 месяцев

Сообщение #12 HD321kbps » 15.03.2013, 01:43

Notepad++ раньшне использовал Akelpad
HD321kbps M
Гуру
Аватара
Возраст: 31
Откуда: Армянск
Репутация: 375
С нами: 8 лет 10 месяцев

Сообщение #13 VEG » 15.03.2013, 15:18

Вот ещё интересный блокнот: Code Browser. Поддерживает Elastic Tabstops — очень удобная штука. Не хватает такой в Notepad++.
Изображение
С наилучшими пожеланиями, Евгений
VEG M
Администратор
Аватара
Возраст: 34
Откуда: Минск, Беларусь
Репутация: 1637
С нами: 9 лет 9 месяцев

codelobster

Сообщение #14 clod » 10.08.2015, 17:10

Я пользуюсь Коделобстером: http://www.codelobster.com
Очень нравится поддержка многих популярных фрейворков.
clod
Гость

Сообщение #15 factotum » 22.12.2015, 16:47

Эволюция:
Notepad++ -> PhpStorm -> Atom
Если "улучшение" стало "граблями" - Вы его переросли
factotum
Автор темы, Гуру
Откуда: Люксембург
Репутация: 234
С нами: 9 лет 9 месяцев

Сообщение #16 sag-sag » 22.12.2015, 21:55

factotum, интересная штука.
Заметки администратора [TEHADM.RU]
sag-sag M
Гуру
Аватара
Возраст: 35
Репутация: 411
С нами: 8 лет 5 месяцев

Сообщение #17 ЖЪРЧИК » 22.12.2015, 23:42

85 мб :think:

Добавлено спустя 2 минуты 28 секунд:
phpBB [media]


:biggrin: :biggrin: :biggrin: :biggrin: :clap: :clap: :clap: :clap:
плешивый кот
ЖЪРЧИК
Гуру
Аватара
Репутация: 174
С нами: 7 лет 5 месяцев


Вернуться в Оффтопик