программа на джава скрипт
6 редакторов и IDE для работы с JavaScript
Разбираем на примерах, как выбрать редактор кода для JavaScript.
Во-первых, нужна подсветка синтаксиса: названия, операторы и специальные символы должны отображаться по-разному, чтобы можно было быстро прочитать код.
Пишет о программировании, в свободное время создает игры. Мечтает открыть свою студию и выпускать ламповые RPG.
Во-вторых, нужно автодополнение: когда вы вводите название функции или переменной, редактор должен предложить несколько вариантов команд, которые вы, вероятно хотите ввести. Желательно, чтобы он также показывал подсказки к выбранному компоненту — например, необходимые аргументы, тип переменной, краткое описание и так далее.
В-третьих, нужна возможность скрывать отдельные блоки. При работе над большими проектами это полезно, потому что не придётся скролить огромные фрагменты кода, чтобы найти нужный.
Желательно, чтобы подсвечивались ошибки — тогда вы сможете их сразу заметить и исправить:
Хорошими бонусами будут возможность работать с несколькими файлами в одном окне, менеджер проектов, выбор тем, установка плагинов и так далее.
Существует большое количество редакторов, которые соответствуют этим требованиям и подойдут для работы с JavaScript. На чём писать код — личное дело каждого, но у многих возникают проблемы с выбором подходящей программы, поэтому мы составили список из 6 хороших инструментов.
Notepad++
Notepad++ — простой и удобный редактор с открытым исходным кодом. В нём есть подсветка синтаксиса нескольких языков, в том числе и JS, автоматическое форматирование и автодополнение. Присутствует навигация в виде вкладок, файлового менеджера и карты кода.
Доступны работа с разными кодировками, подключение компиляторов, использование плагинов и другие полезные функции. Например, добавив QuickText, вы улучшите встроенное автодополнение.
Notepad++ регулярно обновляется, поэтому в нём быстро исправляют баги и добавляют новые возможности. К сожалению, работает он только на Windows.
Редактор Vim уже давно стал классикой. Многие говорят, что в нём тяжело разобраться, но если уделить этому достаточно времени, пользоваться чем-то другим уже не захочется.
Помимо того, что он соответствует всем выбранным нами критериям, Vim ещё и полностью настраиваемый, поэтому вы можете:
Vim полностью бесплатный и работает на всех платформах, начиная с Windows, MacOS и Linux и заканчивая MS DOS и OS/2.
Microsoft Visual Studio
Microsoft Visual Studio — это IDE, в которой есть всё необходимое для работы с JS. Помимо обычной подсветки синтаксиса и автодополнения, можно также пользоваться дебагером и создавать Unit-тесты.
Однако весит программа достаточно много и систему загружает сильно, поэтому не очень подойдёт для работы на слабых компьютерах.
Месячная подписка может стоить от 45 до 250 долларов в месяц, но есть и бесплатная версия для начинающих разработчиков и тех, кто создаёт программы с открытым исходным кодом. IDE доступна для Windows и MacOS, а на Linux её можно установить с помощью Wine.
Visual Studio Code
170 МБ против 30 ГБ), кроссплатформенная и бесплатная версия Visual Studio. В этом редакторе предустановлена поддержка JavaScript, TypeScript и Node.JS.
Расширения с другими языками можно скачать прямо из Visual Studio Code.
Встроенные дебагер и Git-команды для работы с системой управления версий GitHub позволяют ускорить тестирование и публикацию приложений.
Sublime Text
Sublime Text — это простой кроссплатформенный редактор. Его интерфейс настраивается, а выполнять некоторые действия можно с помощью горячих клавиш.
Также в нём есть поддержка сниппетов, автодополнение, подсветка синтаксиса и навигация. Крутой бонус — автосохранение. Впрочем, он больше нужен новичкам — ведь профессиональные программисты за годы работы вырабатывают привычку сохраняться после ввода каждой команды.
Главный минус Sublime Text в том, что полная версия стоит 80 долларов (лицензия выдаётся на одного пользователя, который может использовать редактор на любом компьютере). В остальном он хорошо подходит
JS-разработчикам.
Десктопные приложения на JavaScript. Часть 1
Ни для кого не секрет, что в наше время JavaScript стал одним из самых популярных языков программирования. В далекие 90е годы, в момент зарождения языка, когда он был создан с единственной целью добавить интерактивность веб страницам и улучшить процесс взаимодействия с пользователем, кто бы мог подумать, что он достигнет столь небывалых высот. Ведь сейчас на нем можно делать практически все что угодно. Хотите написать сайт: и бэкэнд и фронтэнд на JavaScript? пожалуйста! Хотите написать мобильное приложение на JavaScript? нет проблем. Программируете микроконтроллер – и тут вам на помощь придет JavaScript.
Есть конечно небольшие минусы в подходе использования JavaScript везде, но если поразмыслить, то сколько времени и сил можно сэкономить, изучив всего лишь одни язык, особенно, если то же самое приложение должно работать на разных платформах. Разных платформах говорите? Хм… Точно – разных платформах – теперь JS может позволить себе десктопные приложения для Windows, Linux, Mac, как спросите вы? Ответ прост: встречайте – NW.js.
По первым буквам можно прочитать – Node.js + Webkit, если данные понятия вам пока не знакомы, то скоро вы поймете о чем идет речь.
Node.js – программная платформа, основанная на движке V8, который транслирует наш скрипт в машинный код. Данная платформа была создана в 2009 году преимущественно для работы с бэкэндом сайтов.
WebKit — свободный движок, разработанный компанией Apple. Впервые был анонсирован в составе Safari в 2003 году
Итак, коду, написанному на JS для данной технологии, будут доступны как Node.js модули, так и стандартный браузерный API (соответственно WebKit)
Быстрый старт
Все это конечно хорошо, но с чего же начать? На github можно найти и скачать репозиторий с исходным кодом. Так же здесь можно найти прямые ссылки для скачивания под ту платформу, на которой будет вестись разработка. Помимо прочего нам понадобится установленная node.js.
После того, как необходимое ПО скачано и установлено, вы написали свое приложение на любимом JS (как это сделать читайте далее) и локализовали все в одну папку. Полдела сделано, теперь остается самое сложное и долгое – упаковать все в один файл и подготовить для распространения. Для упрощения вы можете воспользоваться готовыми библиотеками, например nw-builder. Установка библиотеки не составит труда, если вы уже работали с node.js. Как известно, в состав node.js входит менеджер пакетов npm, с которым нужно работать из командной строки. Для того, чтобы поставить какую-либо библиотеку, необходимо выполнить команду:
Обратите внимание, что библиотеку можно ставить, как локально, так и глобально, для локальной установки используйте опцию —save-dev, для глобальной -g. Таким образом поставим наш сборщик для NW.js глобально, выполнив команду:
Для того, чтобы собрать наше приложение, необходимо выполнить команду (с большим количеством опций можно ознакомиться в документации):
В качестве имени платформы могут быть следующие значения: win32, win64, osx32, osx64, linux32, linux64.
Во время разработки нет нужды каждый раз собирать приложение, можно просто запустить его как есть и оно откроется в отдельном окне. Для этого нужно запустить приложение nw.exe из командной строки и передать в качестве параметров путь к папке с вашим приложением. Кроме того, если вы работаете под Windows, можно просто методом drag-n-drop перетащить папку с исходным кодом приложения на JS (обратите внимание, что именно папку целиком) в nw.exe.
Hello, world!
Теперь, когда вы знаете, как запустить приложение, как собрать его в один файл, давайте напишем что-нибудь. По традиции знакомство с новой платформой начинается с написания приложения Hello, world.
Для данного приложения, нам даже не понадобится JavaScript, только HTML. Создадим папку с названием HelloWorld. Поместим внутрь файл index.html со следующей разметкой:
Кроме того для каждого приложения под NW.js необходим файл, который обязательно должен называться package.json. Из него будет браться информация для построения приложения. Создадим простейший вариант файла и поместим в папку HelloWorld. Итак:
Содержимое файла понятно без пояснений (обратите внимание, что обязательные поля только main и name). В main необходимо записать файл с разметкой, который будет являться точкой входа в приложение. Секция window настраивает параметры окна (в данном случае мы отключаем панель инструментов и задаем размеры окна 500×200).
Кроме того, можно настроить такие поля как (за полным списком опций обращайтесь в документацию):
Приложение написано, но в нем всего один div элемент и совсем нет логики, а что делать, если у нас богатая на элементы разметка и сложная логика? На помощь к нам приходит элемент конфигурационного файла toolbar, который мы установили в false. Для того, чтобы сделать доступными средства отладки, необходимо установить toolbar в true. Проделав это при запуске приложения мы получим следующее окно:
После нажатия на кнопку в верхнем правом углу откроется еще одно окно, в котором будут отображены знакомые инструменты разработчика:
Работа с нативными контролами
NW.js позволяет работать с нативными контролами. Рассмотрим работу на примере меню. Для работы с нативным UI контролами в nw.js необходимо использовать модуль nw.gui, который можно подключить следующим образом:
Общий шаблон для использования контролов:
Таким образом для создания элементов меню можно воспользоваться следующей конструкцией:
Кроме того любые свойства созданного нами объекта можно легко изменить стандартными конструкциями JS, например так:
Меню создано, теперь нужно его заполнить, для манипуляции дочерними элементами существуют методы:
Кроме того для более гибкого добавления элементов в menu можно воспользоваться методом insert, в параметрах которого необходимо передать MenuItem и номер позиции, куда его вставить (позиция перед первым элементом соответствует 0).
Для доступа к созданным элементам можно использовать свойство items:
Обратите внимание, что нельзя напрямую создавать элементы:
Самое главное при работе с нативными контролами, это помнить, что любая ошибка при работе с ними может привести к краху всего приложения, поэтому необходимо быть крайне внимательными и по возможности при удалении элементов, также присваивать переменной значение null. Таким образом для удаления контрола, можно выполнить следующее:
Для более удобной работы с контролами, они унаследованы от EventEmitter, поэтому хорошая новость в том, что мы можем легко работать с событиями, например так:
Меню было создано, но если запустить приложение, то никакого меню вы не увидите. Для отображения меню существует метод popup, в параметрах которого необходимо передать координаты для отображения меню.
Для демонстрации основных возможностей меню добавьте следующий скрипт к созданному ранее проекту Hello, world:
После запуска приложения, мы можем увидеть созданное контекстное меню для body. Таким образом, мы можем определить контекстное меню для любого элемента.
Итак, теперь кроссплатформенные приложения может создавать каждый, но за все нужно платить. В данном случае мы жертвуем как скоростью, так и занимаемым объемом памяти (собранное приложение получается достаточно большим, более 50 Мб). Список приложений, созданных, используя данную технологию можно найти на github.
Во второй части статьи мы рассмотрим технологию более подробно.
Детальный список инструментов для JavaScript
В январе 2017 года сообщество Stack Overflow провело опрос, в котором приняли участие 64 000 разработчиков из разных стран мира. Результаты для первого места остаются без изменений в течение пяти последних лет. JavaScript остаётся несменяемым лидером в гонке популярности языков программирования.
На изображении представлены результаты опроса на Stack Overflow
JavaScript служит мощной и стабильной основой для многих продвинутых современных веб-приложений и веб-сайтов. В умелых руках опытного разработчика с помощью JavaScript можно продвинуть UX приложения на новый уровень и добавить богатый набор функций и разные высоко функциональные компоненты. В программной экосистеме JavaScript существует множество инструментов. Иногда может показаться, что новые библиотеки и фреймворки «атакуют» сообщество разработчиков своим огромным количеством. В этой статье вам будут представлены наиболее удобные инструменты работы с JavaScript.
Можно выбирать инструменты, основываясь на рейтинге и популярности. Если инструмент популярен и имеет хорошие отзывы и большое сообщество, то повышается вероятность того, что вы столкнётесь с меньшим количеством проблем во время работы с ним. Вы можете также посмотреть на лучшие фреймворки и библиотеки для JavaScript, по мнению некоторых программистов. Также при выборе инструмента нужно со всех сторон изучить свой проект, чтобы не было проблем с масштабируемостью и совместимостью с разными браузерами и их версиями.
Документирование кода превращает ваше приложение в «стеклянную коробку», показывая, как работает тот или иной фрагмент кода. Инструменты автоматического документирования кода описывают функции и их назначения, что позволяет экономить время на анализе и понимании кода в будущем.
Инструменты тестирования для JavaScript созданы для обнаружения ошибок на этапе производства, чтобы избежать в будущем ошибок у пользователей. С ростом сложности пользовательских приложений автоматические тесты не только повышают производительность приложения, но и помогают компаниям сохранить бюджет.
Отладка кода — довольно трудоёмкий и поглощающий время процесс для JavaScript-разработчиков. Инструменты для отладки кода будут особенно полезны при работе с тысячами строк кода. Многие из инструментов отладки обеспечивают довольно точные результаты.
Для проверки качества кода обычно обращаются к функциональному тестированию и юнит-тестированию. Однако существует еще один подход, который позволяет разработчикам проверять качество кода и его соответствие стандартам кодирования, а именно статический анализ кода.
В настоящее время в современном программном обеспечении объединяются инструменты анализа статического кода во время разработки, чтобы исключить попадание некачественного кода в продакшен.
Системы управления версиями JavaScript необходимы для плавного взаимодействия внутри команды, поскольку они обеспечивают лучшее обслуживание различных версий и помогают отслеживать изменения. С инструментами управления версиями разработчики могут работать над одним и тем же проектом одновременно, без конфликтов и недоразумений. Кроме того, эти утилиты архивируют каждую версию со всеми изменениями, удалениями и добавлениями.
Современное ПО хранится в виде пакетов в репозиториях. Такие пакеты предоставляют исходные компоненты операционной системы, такие как приложения, библиотеки, службы и документы. Системы управления пакетами отвечают за различные операции, такие как установка и обновление, тем самым помогают убедиться, что программное обеспечение было одобрено разработчиками.
Список лучших инструментов для разработки на JavaScript может продолжаться до бесконечности. В этой статье вы увидели лишь популярные и надёжные инструменты, которые служат основой для качественных продуктов. Благодарим за внимание!
Форум
Справочник
Редакторы Javascript
Как-то так получилось, что попользовав обширную пачку редакторов для javascript-проектов, я остановился на нескольких основных.
Webstorm
Он отлично подходит для разработки проекта, поддерживает автодополнения с учётом разных файлов.
Я использую эти IDE для обычной разработки, а если нужно по-быстрому открыть файл, то что-нибудь полегче.
SCiTe
У него масса настроек, которые вместо обширных подменю хранятся в конфигурационных файлах с комментариями по каждой настройке.
Умеет подсвечивать и сворачивать-разворачивать блоки кода.
Базовое автодополнение. Поддержка юникода.
ActiveState Komodo
Его достоинства:
Кроссплатформенный
+ Работает под Linux/Windows стабильно.
Пачка различных вкусностей общего характера
+ Проекты
+ Интеграция с версионками (SVN. )
+ Удобный search & replace
+.
Для работы с javascript
+ code browser
+ подсветка
+ фолдинг
можно сворачивать-разворачивать блоки кода, причем на уровне любых операторов, а не только функций
+ автодополнение
в том числе, есть плагины для популярных JS-библиотек
+ open declaration позволяет быстро перейти на определение объекта.
Конечно, автодополнение для javascript везде корявое в той или иной степени, ввиду высокой динамичности языка.
Но худо-бедно, работает.
+ есть плагин для отладки javascript в Firefox. Оно работает, и явных глюков замечено не было.
JSEclipse
Для работы с javascript
Конечно же, оно еще жирнее Komodo и стартует тоже долго, но зато совершенно бесплатно.
На момент написания, с основного сайта скачивать совершенно бессмысленно, да еще регистрироваться надо.
У нее есть отличнейшее решение под навзванием Aptana Studio. Поставляется как в виде standalone плагина к ecplise, так и в виде самостоятельной сборки на основе последнего.
Стоит правда отметить что у нее есть 2 версии: платная и соответственно бесплатная. Радует что в беспланой версии остался весь необходимый набор для разработки.
Аптана сначала меня здорово вдохновила, но потом и здорово разонравилась.
PS: Меня удивляют люди, которые готовы подолгу копаться, и искать что-то методом тыка (а потом еще и перечислять среди недостатков то, что он там что-то не нашел), вместо того, что б за минуту найти ответ в Google.
Но Вы ответили только по одному пункту. Может быть человек методом «тыка» и искал нужный параметр в настройках, может он его не нашёл, но вот в недостатки он написал не только этот пункт. Кстати, в начале поста написано, что это разочарование именно для написавшего, т.е. это личное мнение и никого верить на слово никто не заставляет. Так что Ваш post scriptum не совсем уместен.
Если вы думаете, что я там не искал — вы здорово ошибаетесь. Не делайте из меня дурака.
Я там тоже искал и нашел.
Советую отнести обратно в магазин.
нет там такого поля. вам оно вероятно приснилось!
Есть еще один замечательный редактор разработанный нашем земляком (Igor Ivanov) – 1st JavaScript Editor.
Документация Здесь – http://www.yaldex.com/JSFactory_Pro.htm
Земляк-земляком, но программа без русского языка (хотя это не сильно нужно). Плюс не нашел как выставить кодировку UTF-8.
Почему при загрузке SciTE
http://scite.ruteam.ru
KIS 7 говорит что там троян Trojan-Downloader.JS.Gen?
А мне понравился SciTE. Ниче так. Тюнабельный
Сам пользуюсь Komodo. Тока стартует оно долго даже на хорошей машинке.
И подсветка кода там тормозит, если файл очень большой.
Этот редактор на XUL написан, как я слышал, поэтому и медленный.
А как насчет Dreamweaver? Есть ли смысл использовать такого зверя?=)
Глупый вопрос. Конечно умеет
«Adobe Dreamweaver CS3» + «jQuery API» (ext) — все что для счастья нужно разработчику интерфейсов 
потому как лучше редактора для XHTML не существует + привычная и удобная работа с «JavaScript» в том же окне с отличной подсветкой синтаксиса.
p.s. старые версии «Dreamweaver» не в счет.
p.p.s. обычно на «Dreamweaver» ругаются из-за отстутствия «автоиндента» для PHP и «JavaScript» — это не правда, он там есть, просто появляется для этих языков по «Ctrl+Space».
p.p.p.s. а еще «Dreamweaver» лучше всех работает с кодировками, попробуйте например в «Komodo Edit» из «win-1251» пересохранить файл в «utf-8» — все русские буквы превратятся в «кракозябры» 
p.p.p.p.s. О существовании переключателя «code/design» забываем, работаем только в режиме «code».
Еще хочу отметить PSPad, http://www.pspad.com/ :
+ очень удобный search & replace (в т.ч. поиск/замена по папкам, сравнение файлов);
+ работа с кодировками, правильное автоопределение;
+ просмотр в браузере;
+ подствека/автодополнение, правда, немного хромают;
+ огромное количество предусмотренного фунционала (правда, чаще полезного для работы с HTML/CSS): от поиска парной скобки и таблицы кодов основных символов до записи макросов и «бредогенератора»;
+ продуманные закладки (переход по меткам строк);
— нет возможности сворачивать куски кода;
— тяжелая настройка (слишком много возможностей), на поиск добавления сигнатуры для utf-файлов как-то потратил пол-часа;
— плохо сделанное дерево файла (структура переменных/функций);
— если долго (2-3 суток) не вылючать, может глючить.
Пользуюсь бесплатным и фполне удобным NotePad++. Пока все устраивает
Quick Page 2008 3.0.6.126
Плюсы программы:
Пользуюсь PHP Expert Editor’ом 4.3, поскольку js в одиночестве не мучаю.
php-код подсвечивает аккуратно и выдаёт подсказки по синтаксису встроенных функций. Синтаксис встроенных функций js к сожалению не подсвечивает. Подсветка только зарезервированных слов, комментариев и строковых выражений (подсветка строк реализована не очень качественно, в частности, обход по закрывающим апострофам подглючивает на больших js-проектах).
Также из минусов: редактору иногда нравиться показать ошибку перед закрытием, но при этом есть возможность всё сохранить и закрыть редактор, а потом нажать на ОК в окне ошибки. После перезапуска окна ранее открытых проектов будут восстановлены.
Если вы разрабатываете веб-сайты и вам требуется программа для их написания, то лучше Quick Page 2008 3.0.6.126 на сегодняшний день нет. Во-первых, поддерживается масса языков, предназначенных для данных целей, включая PHP, JavaScript, VBScript, XML; во-вторых, множество полезных функций и возможностей. Продукт распространяется бесплатно, поэтому вам не придется тратиться на его приобретение, просто скачайте файл размером около 800 кб и установите Quick Page 2008 3.0.6.126 на свой компьютер. Помимо этого продукта, имеются и дополнительные инструменты, предназначенные для веб-мастеров: http://www.chpas.narod.ru/quickpage/tools/index.html. Quick Page 2008 3.0.6.126 можно бесплатно скачать по адресу: http://narod.ru/disk/3422421000/qp3_0_6_126.exe.html
Насчет ActiveState Komodo
Если ориентироваться не не IDE, а на редактор, то он есть и бесплатный
http://activestate.com/Products/komodo_ide/komodo_edit.mhtml
Из описания на этой странице:
Komodo Edit is a free, open source editor.
Dynamic language expertise for Perl, PHP, Python, Ruby, and Tcl, plus JavaScript, CSS, HTML, and XML, and template languages like RHTML, Template-Toolkit, HTML-Smarty and Django.
Здесь еще не упомянут С/С++.
Пользуюсь, вполне удовлетворен.
Adobe прибрало к рукам JSEclipse. Теперь он поставляется в комплекте с Flex и за деньги
Последнее время перешел на jEdit.
Сначала минусы:
В общем, основной плюс — богатая функциональность «из коробки» и хорошая возможность кастомизации.
Это пока что лучшее, что я видел для client-side разработки, кроме IntelliJ — но она платная и очень прожорливая. Характерно, что обе среды предназначались изначально для Java:)
Spket IDE на базе Eclipse.
Лично я нашел в нём всё, что искал долгое время. Мощный code complete, работа с библиотеками, JSDoc и пр.
+1 всё время разрываюсь между Spket и Aptana.Javascript.Editor.
так, что теперь редактор парсит и some_file.js, и знает об объектах и их методах
в этом файле.
UPD: Забыл упомянуть, что к сожалению, Spket не подключает файлы из симлинков на винде (созданные утилитой junction (SysinternalsSuite))
—————————————-
window.open(window.location);
Я пользуюсь Microsoft Visual studio 2008. Довольно удобно.
PHP, JS, Ruby в одном флаконе. Умеет работать с СУБД и онлайн-сервисами.
Встроенная поддержка некоторых популярных JS-библиотек (jQuery, prototype)
Плюс ещё очень много вкусных штук.
Могу добавить, что одна из вкусностей это отладчик JS. правда для этого плагин в браузер ставится. Но после можно пошагово отлаживать прямо в IDE. Пользуясь всеми благами среды.
Для работы с HTML/CSS есть отличное расширение ZenCoding
Плюс удобная работа через ftp, кеширование больше не напрягает и не вешает систему. Все гладко и комфортно. Советую.
P.S. Сам ожидал от него меньшего, потому затянул со знакомством.))
С уважением, Николай.
Eclipse
Плюсы:
* работа с проектом, в т.ч. смешанным (PHP/JScript/HTML/. );
* подсветка HTML, JavaScript, CSS, VBScript, PHP, Perl, Python, XML;
* контроль синтаксиса;
* экспорт-импорт настроек;
* возможность настройки расцветки синтаксиса, параметров редактора и среды;
* бесплатная;
* шустрая (только запускается не очень быстро);
* стабильная;
* не глючит (видел только 1 мелкий баг с раскраской замудрёного файла с кучей ошибок, после обновления прошло)
Майкрософт вижуал студио.
1. Интуитивно понятен(особенно в свете распространённости програм Майкрософта).
2. Добавляет закрывающие тэги.
3. Выделяет разными цветами важные элементы, что ускоряет поиск элементов в скрипте.
Не бесплатен (хе-хе), не кроссплатфоменен(у меня с 95го Виндоус и не жалуюсь, как то в универе был Юникс. ё-моё. всё, молчу, а то любители закидают спамом-флудом)))).
Словом, мелкий, но добротный скинтиллоид.
Firebug 1.4.5 (под FireFox 3.5.6) не понимает русские буквы в скрипте и значениях параметров тегов html. Как лечить?
— может глючить, например подсветка в свежеоткрытом файле иногда включается после редактирования
+ подсвечивает ошибки с предупреждениями, не только синтаксис, т. к. (емнип) сделан на основе javascript интерпретатора Rhino
— это emacs
+ это emacs
+Подсветка синтаксиса HTML, JS, PHP, CSS и т.д
+Подсветка повторов
+Одновременное переименование
+Работа с проектом (в том числе и смешанным)
+Навигатор по тегам
+Автоматически закрывающиеся теги и многое другое
-Долго запускается на слабых машинах
Ничего лучше JetBrains Web IDE не встречал.
Все реализовано очень качественно и удобно.
Хочу сказать пару слов в пользу jEdit
Это мощный универсальный редактор для программистов, который позволяет выполнять широчайший спектр операций над текстом. Есть сворачивание блоков кода, которое лучше всего работает в indent-режиме, можно быстро менять параметры текста (кодировка, символы конца строки, табуляция), есть метки, с которыми удобно работать, и сверхмощная система поиска и замены, которая позволяет искать по регулярным выражениям или нет, по текущему буферу, выделению, открытым файлам или в папке по маске, и к тому же обладает мозгом, достаточным для того, чтобы при замене foo на bar заменить Foo на Bar. Есть прямоугольное выделение, которое работает и работает удобно.
Для редактора существует множество плагинов в т.ч. для работы с проектами, что позволяет быстро переключаться между задачами. Есть внутренний скриптовый язык BeanShell, который по совместительству может использовать все java-классы, т.о. макросы приобретают новое звучание. Тотально настраиваем и есть памяти значительно меньше, чем тот же eclipse или komodo. Дополнительныи плюсом является то, что у редактора низкий порог вхождения при неограниченных возможностях развития.
Думаю, если бы писали emacs на java, то получился бы jEdit.
Использую jEdit для разработки на html + css, javascript, actionscript, php, python.
По мелочам использую Scite, ибо ну очень быстрый
WeBuilder
Не считая огромного количества приятных мелочей.
Единственный недостаток:
Стоит денег
А мне PsPad нравится.
Спасибо, поправил статью.
Как и все материалы сайта, статья поддерживается, редактируется и дополняется, чтобы сохранять актуальность.
Но, вообще, редактор это дело вкуса. Сейчас масса замечательных редакторов, и они развиваются.
Обратите внимание на комментарии.
Я знаю, что статьи актуальны и регулярно дополняются, просто я имел в виду, что заметил эту только сейчас. Большую часть редакторов из комментариев я пробовал и они мне не понравились. Scite ни на что другое пока менять не готов: он быстрый, легкий и настроен под меня.
Всё-таки плохо, что Dreamweaver забыли. ЭТО ВЕЩЬ. Подсказки по методам и свойствам, динамичиский просмотр и т.д.
Да, вот Dreamweaver действительной самый мощный!
.
тогда Visual Studio от MS мощнее :Р и не спорьте, это так. лучший на свете редактор кода. только дорогой и тяжелый, цук
Использую SharePoint Designer 2007 от Microsoft.
Если уж рассмотрели JSEclipse, то почему бы не замолвить словечко про Spket и Aptana?
P.S. Для того, чтобы полюбить Spket достаточно посмотреть его в работе
Notepad++
Возможно скрыть всё что между Begin. end / <>. / <. >/ т.д.
Возможно выбрать языки:
Free Javascript Editor лучший. Не просто подсветка синтаксиса но и сам синтаксис. То есть можно выбрать из многочисленных списков нужную конструкцию или функцию. Особенно удобно новичкам в языке. Бесплатный. Скоро сделаю описание редактора на сайте webencoder.ru
В платной версии Intellij Idea есть гениальная поддержка JavaScript. Идея действительно понимает язык, не смотря на его динамичность, так же, как она понимает Java.
Они на ходу строят дерево разбора, практически выполняют программу по ходу ее написания.
А почему никто не упоминает PHPStorm? На мой взгляд просто идеальная IDE.
PHPStrom на общей платформе IntelliJ IDEA основан.
Текстовый редактор Gedit идет обычно в стандартном пакете Linux с интерфейсом Gnome. Очень легкий, со хорошим стандартным набором подсветки для почти всех интерпретируемых языков и не нуждающийся в настройке. Вообщем недавно писал большой проект используя данный редактор и могу с уверенностью сказать, что данный вариант наиболее удобнее нежели навороченных с кучей инструментов, которыми в больших случаях никто не пользуется.
если бы была в нём проверка скрипта (синтаксическая ошибка, например.. переменную неверно написал) и автокомплит (завершение слов.. но и без него хорошо), я бы с него и не вылазил.
Представляю вам Adobe Dreamweaver CS5.5 Чем он лучше остальных? Давайте по порядку. 1) Автодополнение и подсветка jQuery. Про javascript я вообще молчу. Он даже подсказывает версию DOM. 2) Закрывающий тег в HTML добавляется только после комбинации
Sluchajno zabrel syuda, prochital vse kommentarii i ochen’ udivlen: A gde zhe Vim?
Pri zhelanii vmesto vstroennogo yazyka mozhno vospol’zovat’sya izvestnymi Python, Ruby, Perl, Lua.
MS Visual Studio 2012 + WebEssentials + JSLint = подсветка, авто дополнение как вашего кода, так и всех распространенных библиотек, проверка на этапе сохранения, вплоть до установки уровня критичности (проект не соберется пока не исправишь ворнинги), сборка одного файлы из нескольких JS файлов (bundles), оптимизация и минимизация. Аналогов не нашел.
Notepad++:
+ Скорость (Чего еще нужно)
+ Плагины (Чего только нет)
+ Подсветка (Всего чего только можно)
+ Удобная настройка стилей (Настройка красоты)
+ GNU (В исходниках можно научиться плохим словам
На этом редакторе я пишу всё, что только можно (C++/Java/HTML+CSS+JS = блокнот+shell рулит ), на других смотрю как на кривых. И всё таки автор её разрабатывает уже второй юбилейный
Все, разобрался: правый клик на нумерации строк и поставить галочку на «Use Soft Wraps»
Под Линукс, мне очень нравится редактор Geany. Подсветка, дополнения, работа в куче кодировок, учет всех файлов проекта, дописывание с их учетом и малый вес программы.