Редактор исходного кода для HTML/CSS/JS с поддержкой проектов

Я ищу редактор исходного кода с поддержкой:

  • Подсветка синтаксиса Javascript, HTML, CSS
  • Автодополнение, исходное форматирование (для перечисленных выше языков)
  • «Проекты», где вы можете определить каталоги проектов и открыть все файлы , которые вы в последний раз использовали в проекте , открыв «проект».
  • желательно портативный (до 999mb)

Подобно Notepad++ со встроенной поддержкой Javascript, HTML, CSS, подсветкой синтаксиса, автозаполнением, исходным форматированием и проектами.

Мне нужно, чтобы он был бесплатным и работал на Windows 7.

Ответы (11)

Я бы посоветовал Adobe Brackets

  • Javascript, HTML, CSS — он был создан для этих языков.

  • Подсветка синтаксиса, автодополнение, исходное форматирование (для перечисленных выше языков) — все встроено.

  • «Проекты», где вы можете определить каталоги проектов и открыть все файлы, которые вы в последний раз использовали в проекте, открыв «проект» — он открывает последний файл, над которым вы работали в проекте; он открывает только один файл за раз. Однако дерево загружается быстро.

  • Portable (менее 999 МБ) -- Портативная версия еще не является официальной, но исходный код доступен. Кроме того, некоторым людям удалось сделать его портативным. Вот версия PortableApps .

Ваши мили могут отличаться, но это работает очень хорошо, когда я использую его.

РЕДАКТИРОВАТЬ: он действительно повторно открывает последние файлы, которые вы открывали в разделе «Рабочие файлы». Они действуют как открытые вкладки, но в вертикальной плоскости, а не в горизонтальной.

Это один из лучших редакторов, которые я когда-либо встречал. Он также имеет предварительный просмотр в Chrome! Отлично работает на USB и установленной версии. Я отмечаю это как ответ - это здорово!

Вы можете использовать Sublime Text , который выполняет подсветку синтаксиса, автозаполнение, исходное форматирование, организован по папкам (что в значительной степени является проектом) и может использоваться для веб-программирования. Это бесплатно (пробная версия не имеет ограничений по времени или функциям), работает в Windows, доступна портативная версия.

Интерфейс Sublime быстрее, чем Eclipse, однако его автодополнение ограничено без плагинов.

К сожалению, это не бесплатно, однако есть неограниченная по времени пробная версия.введите описание изображения здесь

Обратите внимание, однако, что функция автозаполнения довольно ненадежна, просто предлагая любое слово в вашем файле. Кстати, это можно исправить с помощью плагинов.
Я знаю веб-разработчика, который использует это.
Итак, неограниченная пробная версия = что-то вроде winrar? Я получаю раздражающее уведомление, как в WinRar, через 30 дней?
Неважно, каков визуальный эффект; если требование состоит в том, чтобы программное обеспечение было бесплатным, то Sublime ему не соответствует.
@moopet Это бесплатно (с точки зрения использования), поэтому я спрашиваю, показывает ли оно сообщение «Пожалуйста, купите». Для получения дополнительной информации перед загрузкой. В чем проблема?
Ничего как такового, но, возможно, вы могли бы отредактировать вопрос, сказав что-то вроде «бесплатно или бесплатно для оценки», чтобы вопрос помог кому-то в будущем?
SublimeText2 — придирка, но придирка не слишком агрессивна. Но я привык к TextPad до того, как переключился, и он тоже придирается. Насколько я могу судить, у него приличное завершение кода для JS и PHP. Я предпочитаю надстройку «Лучший Javascript» надстройке по умолчанию для подсветки кода JS.

Вы можете использовать Netbeans , который выполняет подсветку синтаксиса, автозаполнение, форматирование исходного кода, организован по проектам и может использоваться для веб-программирования . Это бесплатно, работает на Windows и может быть сделано переносимым .

введите описание изображения здесь

введите описание изображения здесь

Он все еще находится на ранней стадии разработки, но вы можете взглянуть на Atom :

  • Javascript, HTML, CSS — поддерживает все это.
  • Подсветка синтаксиса, автодополнение, исходное форматирование (для перечисленных выше языков) Поддерживает все эти функции.
  • «Проекты», где вы можете определить каталоги проектов и открыть все файлы , которые вы в последний раз использовали в проекте , открыв «проект». Не поддерживается в базовой версии, но пакет менеджера проектов добавляет стороннюю поддержку возможностей проекта, предположительно похоже на Sublime Text.
  • предпочтительно портативный (менее 999 МБ) - ZIP-файл Windows Alpha в настоящее время составляет 62 МБ. Вам просто нужно извлечь его, а затем запустить Atom.exe, поэтому я думаю, что он должен быть переносимым. Правда, не знаю, где сохраняются настройки.

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

Скриншот редактора Atom

Интерфейс отличный, он соответствует моим требованиям, но я нашел Brackets еще лучше. +1 за дополнительную опцию!

Я рекомендую Cloud9 . Он соответствует вашим требованиям и превосходит их:

  • Он поддерживает Javascript, HTML, CSS и многое другое.
  • Он имеет подсветку синтаксиса, автозаполнение и форматирование исходного кода с использованием редактора Ace, который используется такими сайтами, как GitHub — на самом деле Cloud9 — это «C» в «Ace».
  • Его «Проекты» — это не только отдельные каталоги с запомненными представлениями, но и отдельные машины с представлениями, которые синхронизируются с облаком и могут использоваться на нескольких устройствах (несколькими пользователями, если вам это необходимо) одновременно.
  • Как облачная IDE, она очень портативна — может работать на любом компьютере с (современным) веб-браузером и не требует места для установки (0 МБ).

В течение последних полутора лет Cloud9 была единственной IDE, в которой я занимаюсь разработкой. На прошлой неделе они провели существенную переработку, поэтому, даже если вы проверяли ее раньше, взгляните!

Домашняя страница выглядит великолепно! Но я не могу заставить сайт ответить! Он открывает мою панель инструментов, а затем Chrome говорит: «Вы хотите убить эту вкладку». Знаете какие-нибудь решения?
У меня загрузка панели управления занимает около 20 секунд (фактические рабочие области довольно быстрые): если вы подождали несколько минут, а она все еще не загрузилась, вы можете связаться со службой поддержки, написав в Твиттере @C9Support, по электронной почте support@c9.io , или перейти на c9.io/support/reportabug

Есть много инструментов, которые могут это сделать.

Лично мне понравилась Eclipse IDE для разработчиков JavaScript. Я также использовал Eclipse для Java с плагинами HTML/JS, чтобы добиться того же. Он поддерживает вкладки, проекты и многое другое. Работает на Windows, Linux, Mac OS X.

Единственным недостатком Eclipse является то, что некоторые пользователи считают его слишком тяжелым при использовании на ПК с низкими характеристиками.

Эклипс портативный. Я запускаю его с внешнего диска для своих целей. Это также менее 999 МБ (моя собственная конфигурация Eclipse с моими собственными плагинами составляет около 170 МБ).
Я никогда этого не знал! Я всегда думал, что это очень большая программа! я попробую сейчас
Это зависит от того, что вы считаете «очень большим». Конечно, по сравнению с Notepad++ он огромен :-) Но примерно в 5-10 раз меньше, чем MS Visual Studio 2012.
Да, я думаю, что это так. Я скачаю его, когда буду на своем ПК с Windows, и попробую :) +1 за ответ!
Моя папка Eclipse весит 400 МБ, но это зависит от установленных вами плагинов.
Лично я использую Eclipse, так как он имеет впечатляющее количество функций, но действительно требует времени, чтобы привыкнуть к нему, и он немного медленный. Кстати, вы можете попробовать Sublime Text, вы можете найти его даже чище, чем Netbeans (многие люди делают).
@FranckDernoncourt Но Sublime Text платный, не так ли? 70 долларов по данным сайта
Пробная версия не имеет ограничений по времени или функциям, поэтому на практике она бесплатна, если вы не хотите быть пожертвованием. Я добавил это как ответ.

Если вас интересует IDE на основе браузера, вы можете проверить https://codenvy.com/

Он поддерживает несколько сред разработки, включая HTML/JS. Я играл с ним некоторое время назад и нашел его довольно отзывчивым и хорошим по функциям.

Кроме того, я давно использовал https://koding.com/ и собирался порекомендовать его, но, похоже, он больше не бесплатный, поэтому он не будет соответствовать вашим требованиям. Однако, исследуя других, я нашел следующую таблицу: http://en.wikipedia.org/wiki/Online_JavaScript_IDE .

Выглядит неплохо. Меня заинтересовал онлайн. Cloud9 не работал, но Codenvy великолепен! +1

Я использую редактор SynWrite (бесплатный, с открытым исходным кодом). Для ваших товаров:

  • Подсветка синтаксиса для HTML/JS/CSS: да
  • Автодополнение для HTML/CSS: да
  • Автодополнение для JS: такого плагина пока нет (но возможно)
  • Исходное форматирование: да, для некоторых языков: см. Плагины форматирования
  • Проекты: да
  • портативный: да

Синхронизация

Почему интерфейс не так хорош? У вас есть панели инструментов, панели, проект.
Извините, я не имел в виду пользовательский интерфейс, я имел в виду, что по сравнению с принятым ответом цвета и позиционирование не так хороши.
Не правильно. По сравнению с брекетами, цвета нормальные, все можно поменять в опц. Скобки имеют еще одну особенность. Более полная поддержка JS, автозаполнение для JS, например, но SynWrite имеет более полную поддержку других языков (скобки для Интернета, Synwrite для всех, а не только для Интернета, например Notepad ++)
Но расширения делаются, если я когда-нибудь захочу поддержку других языков. На данный момент мне нужны веб-языки. Я не говорю, что это плохая программа, но я больше предпочитаю Brackets.
Я не понимаю, что ты хочешь сказать. Какие расширения .. какая языковая поддержка вам нужна ..
Я говорю, что предпочитаю скобки. Но когда ты сказал But SynWrite has more full support for other langs (Brackets is for web, Synwrite is for all, я сказал, что они мне не нужны. Больше ничего не могу сказать - почему-то я больше предпочитаю Brackets.
Хорошо, тогда используйте Brackets, несмотря на то, что это медленное начало.
МЕДЛЕННЫЙ?! Он открывается за секунды (без преувеличения) на моем ноутбуке Win7 с 4 ГБ оперативной памяти. Кроме того, в Brackets есть предварительный просмотр в реальном времени . Что очень удобно для меня, потому что я часто пропускаю маленькие буквы, имеющие большое значение в моих языках веб-разработки.
Хм, так скорость лучше сейчас. Скобки вообще хороши: встроенный редактор гут..
Ага. Скорость великолепна, а предварительный просмотр — ЛУЧШИЙ!

Предлагаю посмотреть Codelobster

Это мой любимый бесплатный редактор HTML/CSS/JS. Оно имеет:

  • PHP, HTML, JavaScript, подсветка кода CSS
  • Код PHP, HTML, JavaScript, CSS рушится
  • Автозаполнение HTML
  • Автозаполнение тегов, атрибуты для текущего тега, закрывающие теги
  • Инспектор кода HTML/CSS
  • Панель инструментов HTML
  • Автозаполнение CSS
  • Автозаполнение имен и значений свойств стиля
  • Расширенное автозаполнение JavaScript
хорошо бы подтвердить, является ли он переносимым и/или имеет ли поддержку проекта, как определено в вопросе; кроме этого хорошего ответа.

Я бы порекомендовал Komodo Edit от ActiveState. Он отвечает всем вашим требованиям,

  • Наличие подсветки синтаксиса Javascript, HTML, CSS
  • Наличие поддержки автозаполнения и подсказок для вышеуказанных языков
  • Поддержка проектов
  • Свободно
  • Совместимость с Windows 7

Наряду с этими функциями, он также имеет,

  • Многоязычный редактор
  • Отслеживать изменения
  • Средство просмотра уценки
  • Интеграция с Копи.ио
  • Множественный выбор
  • Ящик для инструментов
  • Скины и наборы иконок
  • Миникарта
  • Использует основу Komodo IDE

Komodo Edit (с открытым исходным кодом)

Komodo Edit — это быстрый, умный, бесплатный редактор кода с открытым исходным кодом. Сменить верный редактор кода сложно, но попробуйте Komodo Edit (или его старшего брата Small Komodo IDE iconKomodo IDE): оно того стоит.

Винда, Мак, Линукс? Да. PHP, Python, Ruby, JavaScript, Perl, Tcl, XML, HTML5, CSS 3? Да, с (настраиваемым) окрашиванием синтаксиса, свертыванием, фоновой проверкой синтаксиса, отличным автозаполнением и всплывающими подсказками (мы называем это «интеллектуальным кодом»). Что-то еще? Быстрое открытие (больше никаких медленных поисков файлов); удаленное редактирование файлов; сочетания клавиш Vi (хорошие); и панель инструментов с интеграцией команд оболочки, макросами и фрагментами кода ... все это обернуто вокруг навороченного редактора и механизма расширения, такого же, как в Firefox.

Пользовательский интерфейс редактирования Komodo

Попробуйте AceHTML от Visicom Media.

Просто введите название в поисковой системе. Бесплатная версия полностью функциональна, а версия PRO 6 имеет больше дополнительных функций. Это мой текстовый редактор рабочей лошадки, с помощью которого я создал и управляю своими двумя веб-сайтами. Это не WYSIWYG и работает только в Windows (отлично работает под моей Windows 10 64/32 бит с правами администратора). У него есть все критерии, которые вы ищете - слишком много, чтобы перечислить, все в чистых раскрывающихся меню, без руководства нужный. Переключение на внутреннюю программу просмотра осуществляется всего одним щелчком мыши, мгновенно, без загрузки браузера для проверки кода — и с текстовым редактором, и с полной страницей программы просмотра, это, безусловно, лучшая программа-редактор, которую я когда-либо встречал — ни одна из упомянутых выше даже не подошла Закрыть. Искал такой для Linux, но не нашел ни одного, который можно было бы установить и использовать.