Быстрая бесплатная среда разработки JavaScript с поддержкой отладки, автозаполнением кода, настраиваемым пользовательским интерфейсом, подробными отчетами об ошибках и поддержкой Windows.

Я проверил много ответов здесь на похожие вопросы, но мои требования были другими.

Фон :

Я разработчик, переходящий с традиционных компилируемых языков на современные веб-ориентированные языки, львиная доля которых ориентирована на JavaScript (Node.js, ExpressJS, Jasmine и т. д.). Несмотря на то, что у меня есть Visual Studio 2013, и в ней есть большинство из этих функций, ее из коробки недостаточно для моих нужд, и, откровенно говоря, она пока глючит. Например, он будет время от времени помечать что-то, что действительно работает.

Говоря о времени, у меня не так много времени, чтобы опробовать кучу IDE прямо сейчас, не говоря уже о том, чтобы освоиться с ними.


Требования :

-Легкая/нежная кривая обучения. Я хочу установить эту штуку и начать работать, а не возиться с настройкой кучи пользовательского дерьма и молиться, чтобы я ничего не напортачил.

-Отладка с хорошим, подробным отчетом об ошибках

-Бесплатно* (для коммерческого использования)

- Совместимость с Windows 10 (похоже, что большинство вещей, рассчитанных на 8/8.1, пока работают)

-Оффлайн версия (без 100% облачных приложений)


Предпочтения :

-Настраиваемые цветовые схемы пользовательского интерфейса для текста/фона


Вещи, которые я пробовал, но мне не понравились, или вещи, которые я не люблю, так как они не бесплатны:

-WebStorm: не бесплатно. Я слышал отличные отзывы об этой IDE здесь.

-Квадратные скобки: автоматическое форматирование не контролируется этой программой, и вместо того, чтобы легко изменить это в программе / пользовательском интерфейсе, вам нужно создавать файлы конфигурации JSON? Ты шутишь, что ли? Да, это определенно не годится для обучения... Глупое излишество.

-Sublime Text 2: не бесплатно и не поддерживает javascript из коробки.

-Notepad++: очень удобный, но все же просто текстовый редактор

-JavaScript IDE для Eclipse: я до сих пор не знаю, что, черт возьми, мне нужно сделать, чтобы запустить простой JS-файл с этим, но я сдался. Мне уже все равно. Над ним.

-Cloud9: облачная среда разработки. Да, нет, спасибо. Это слишком большой контроль в руках моего инструмента, а не наоборот, плюс все это связано с их требованиями к облаку. Я не думал, что это будет проблемой, пока не попробовал.

-Atom: Самый раздражающий UX с завершением кода, который я когда-либо видел. Сначала я смеялась, потом плакала.

-Microsoft WebMatrix 3: я не смог установить это в Windows 10, потому что я не смог установить его предварительные требования в Windows 10. Бу-у-у.



* Если WebStorm — это разница между ночью и днем ​​с бесплатными IDE, пожалуйста, подчеркните этот момент. Я не буду считать это приемлемым ответом, но я серьезно отнесусь к вашей рекомендации и решу дилемму между бесплатным и премиальным.

Ответы (4)

Eclipse — не самая быстрая, но одна из самых надежных среди бесплатных IDE для Java и JavaScript — вы даже можете обнаружить, что многие вещи вам знакомы, поскольку несколько встроенных цепочек инструментов компилятора используют настройки eclipse в качестве своей IDE.

  • Бесплатно , бесплатно и с открытым исходным кодом
  • Кроссплатформенность — включая Windows 7/8/10, OS/X, Linux
  • Написано на Java
  • Широкие возможности настройки
  • Хорошая поддержка отладки и тестирования
  • Доступно множество плагинов для таких вещей, как различные интеграции с контролем версий, * git, svn, *
  • Кривая обучения не слишком крутая
  • Массивная и полезная пользовательская база
  • Несколько предопределенных пакетов, включая Eclipse IDE для разработчиков Java и Eclipse для разработчиков PHP , в частности, последний включает:
    • Инструменты разработки JavaScript
    • Инструменты разработки PHP
    • XML-редакторы и инструменты Eclipse
    • Поставщик Eclipse Git Team
    • Список задач Mylyn
  • Поддержка других веб-языков, включая PHP, XML и т. д.
Вы случайно не знаете, сильно ли Eclipse изменился за последние 8-10 лет? Не могу сказать, что мне это ужасно нравилось, когда я давал ей вихрь тогда. В любом случае, хороший ответ! Это, конечно, претендент, но я пока сижу.
Привет @SteveBarnes. Извините за этот глупый вопрос, но была ли какая-то особая причина, по которой ваш ответ делал упор на Java, а не на JavaScript?
Меньше печатать, и большинство IDE, которые охватывают Java, также используют JS + явное отсутствие кофеина в то время, возможно, имело влияние Фрейда! Я обновлю.
Я был в той же лодке прошлой ночью, когда я впервые ответил xx, к которому я вернулся за обновлениями, и мне пришлось сделать двойной дубль :) Спасибо, что взяли еще один пик!
Нет проблем - здесь только приближается 06:00.
Я дал этому водоворот. Я понятия не имею, каким должен быть UX, но после его загрузки и загрузки одного из моих скриптов он решил, что не позволит мне запустить этот скрипт и не имеет завершения кода. Я уверен, что эти функции и возможности работают где-то , но не из коробки. Плохой UX!

Brackets удовлетворяет (почти) все ваши потребности.

Я с удовольствием использую его для AngularJS в Windows 10. Я не кодирую Java и не знаю, есть ли плагины для контроля версий. Убедитесь в этом сами. Зато могу подтвердить остальное.

Что мне особенно нравится, так это режим предварительного просмотра в реальном времени. Изменения в HTML/CSS немедленно отображаются в браузере без необходимости сохранения файлов.

Попробуйте скобки. Вы не пожалеете об этом. Гарантия - или ваши деньги будут возвращены.

Мне понравилась функция предварительного просмотра в реальном времени! Но да... Это не мои Златовласки :(
Ты имеешь в виду, что Брекетс не твоя Златовласка? Затем продолжайте поиск, но либо прокомментируйте здесь, либо (что еще лучше) отредактируйте свой вопрос, чтобы точно указать, каких функций в нем не хватает, чтобы другие могли помочь вам в поиске. Удачи
Спасибо, @Mawg. Это перешло от постановки вопроса к полусырому в дюжине текстовых редакторов и IDE. Именно этого я и пытался избежать... Такова жизнь, а?
Я чувствую вашу боль ;-) Но, если вы не хотите попробовать их все сами (и я вас не виню), то вы должны дать предельно подробные требования. Лично я бы разделил функции на «обязательные» и «приятные». YMMV, например, вы можете расставить приоритеты для них. Большинство сообщений SE, которые я начинаю, никогда не завершаются. Упражнение по четкому объяснению третьему лицу заставляет меня так сильно концентрироваться, что в конечном итоге я отвечаю на свой собственный вопрос. И снова ЮММВ. Или вы могли бы просто довольствоваться «достаточно хорошим» вместо того, чтобы гнаться за «лучшим»…
Кстати, ваше утверждение «Квадратные скобки: только текстовый редактор» меня совершенно сбивает с толку. Вы уверены, что пробовали? (без обид) Он имеет все стандартные функции, которые я мог бы хотеть от IDE. Если вы найдете что-то лучше, что также поддерживает AngularJS, я переключусь в одно мгновение. Но до тех пор я не знаю лучшего (для меня)
Ты прав. Это было несправедливо с моей стороны. Я пошел попробовать скобки после того, как получил ~ 12 разных плагинов. Это определенно улучшило опыт, но единственный отладчик, который я пробовал, казался злым на все, что не соответствовало определенному стилю кода, и я не видел, как это исправить. Есть ли у вас плагины для отладки, которые вы можете порекомендовать? Скобки - моя последняя капля на данный момент ... Я пробовал все остальное, @Mawg.
Приключения продолжаются... Я заставил Тесея работать, но, возможно, слишком поздно. Табинг - это безумие! Этот чёртов редактор использует вкладки повсюду (в 3 раза больше? Конечно, почему бы и нет! Хотите одну вкладку? СЛИШКОМ ПЛОХО!), и я не могу легко это исправить. Это определенно не соответствует плавной кривой обучения, но я не сдался. Надеюсь, разработчики вернутся ко мне с решением, а не ответом «жестокое дерьмо».
Я делаю всю свою отладку в консуле разработчиков Chrome, и мне этого достаточно. Я могу устанавливать точки останова, проверять переменные, выполнять код пошагово. Что еще нужно? Я также нашел PHP-модуль FOSS, который позволяет мне регистрировать PHP-часть моего AJAX в консоли разработчика. Если найдете что-то лучше, то воспользуюсь. Пожалуйста, дайте нам знать.
Да, @Mawg. Отладка в нем - это не то, что я бы посчитал огромной проблемой, но поскольку я новичок во многих этих вещах, я не знаю, что считается хорошей средой для разработки. Я посмотрю в отладчике Chrome. Это звучит довольно многообещающе. Однако эта табуляция с Brackets ... Я посмотрю, смогу ли я найти способ остановить это. Странно, что в файле JSON установлено так много настроек, которые вам приходится вручную создавать и редактировать для вещей, обычно зарезервированных для пунктов меню. Странный UX... или просто недоработанный, я не уверен.
Ну, а если вы новичок... общепризнано, что лучший способ отлаживать ПО, предназначенное для браузера, - в браузере. Я использую Chrome, который, безусловно, лидировал, но теперь все они его поддерживают. На самом деле у FireFox теперь есть версия для разработчиков — mozilla.org/en-GB/firefox/developer . Боюсь, я не понимаю ваших проблем с вкладками. У меня есть только одна вкладка; продолжайте нажимать и надейтесь найти правильный вариант :-)
По причинам, которые я не могу понять, табуляция кажется ограниченной тем, что, по мнению Brackets , должно быть установлено. Так, например, если я делаю разрыв строки с помощью клавиши ENTER, а Brackets решает установить вкладку 3 вкладки, это единственное место , куда она будет переходить с начала строки. Единственный способ уменьшить табуляцию — это Shift+Tab. Это действительно чертовски раздражает, и это единственный текстовый редактор, который я использовал, который пытается навязать свой собственный стиль табуляции вместо того, чтобы сделать обоснованное предположение, а затем позволить вам делать свое дело. Звучит незначительно, но если я хочу писать код в своем стиле, я трачу много времени на исправление формата.

Относительно недавний выпуск VisualStudio Code соответствует всем критериям. Я только что скачал его, чтобы попробовать.

https://code.visualstudio.com/docs?start=true

Посмотрите Атом .

  • Очень легко научиться пользоваться
  • Это бесплатно
  • Нет слишком большой поддержки для отладки, хотя вы сможете найти надстройку или расширение.
  • Поддерживает Windows 10
  • Настраивается с точки зрения общих тем (называемых «темами пользовательского интерфейса») и тем кода (называемых «темами синтаксиса»). Имеется обширный репозиторий тем (см. здесь )

Надеюсь это поможет.

Я этого не делал, но я почти проголосовал за этот ответ. У Atom есть то, что я считаю одним из самых глупых UX, которые я когда-либо видел в текстовом редакторе. Я бы поделился видео, если бы это не было проблемой, но вместо автоматического завершения кода он добавляет текущую строку со всем фрагментом кода, поэтому вы получаете console.l [опция автозаполнения для «журнала»] и вместо он делает console.log();, он делает console.console.log(); Просто ужас.
Вы правы насчет автодополнения атома (точнее, его отсутствия). Я забыл об этом, когда рекомендовал его.