Ide — IDE для нового JS8


Содержание

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

Материал на этой странице устарел, поэтому скрыт из оглавления сайта.

Более новая информация по этой теме находится на странице https://learn.javascript.ru/code-editors.

Для разработки обязательно нужен хороший редактор.

Выбранный вами редактор должен иметь в своём арсенале:

  1. Подсветку синтаксиса.
  2. Автодополнение.
  3. «Фолдинг» (от англ. folding) – возможность скрыть-раскрыть блок кода.

Термин IDE (Integrated Development Environment) – «интегрированная среда разработки», означает редактор, который расширен большим количеством «наворотов», умеет работать со вспомогательными системами, такими как багтрекер, контроль версий, и много чего ещё.

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

Если вы ещё не задумывались над выбором IDE, присмотритесь к следующим вариантам.

  • Продукты IntelliJ: WebStorm, а также в зависимости от дополнительного языка программирования PHPStorm (PHP), IDEA (Java), RubyMine (Ruby) и другие.
  • Visual Studio, в сочетании с разработкой под .NET (Win)
  • Продукты на основе Eclipse, в частности Aptana и Zend Studio
  • Komodo IDE и его облегчённая версия Komodo Edit.
  • Netbeans

Почти все они, за исключением Visual Studio, кросс-платформенные.

Сортировка в этом списке ничего не означает. Выбор осуществляется по вкусу и по другим технологиям, которые нужно использовать вместе с JavaScript.

Большинство IDE – платные, с возможностью скачать и бесплатно использовать некоторое время. Но их стоимость, по сравнению с зарплатой веб-разработчика, невелика, поэтому ориентироваться можно на удобство.

Лёгкие редакторы

Лёгкие редакторы – не такие мощные, как IDE, но они быстрые и простые, мгновенно стартуют.

Основная сфера применения лёгкого редактора – мгновенно открыть нужный файл, чтобы что-то в нём поправить.

На практике «лёгкие» редакторы могут обладать большим количеством плагинов, так что граница между IDE и «лёгким» редактором размыта, спорить что именно редактор, а что IDE – не имеет смысла.

  • Sublime Text (кросс-платформенный, shareware).
  • Visual Studio Code (кросс-платформенный, бесплатный).
  • Atom (кросс-платформенный, бесплатный).
  • Brackets (кросс-платформенный, бесплатный).
  • SciTe – простой, лёгкий и очень быстрый (Windows, бесплатный).
  • Notepad++ (Windows, бесплатный).
  • Vim, Emacs. Если умеете их готовить.

Мои редакторы

Лично мои любимые редакторы:

  • Как IDE – редакторы от Jetbrains: для чистого JavaScript WebStorm, если ещё какой-то язык, то в зависимости от языка: PHPStorm (PHP), IDEA (Java), RubyMine (Ruby). У них есть и другие редакторы под разные языки, но я ими не пользовался.
  • Как быстрый редактор – Sublime Text.
  • Иногда Visual Studio, если разработка идёт под платформу .NET (Win).

Если не знаете, что выбрать – можно посмотреть на них ;)

Не будем ссориться

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

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

IDE для ECMAScript-262 с выполнением/отладкой IDE для node.js/V8

В настоящее время я использую Eclipse в качестве моей IDE для других языков, и я скорее привык к тому, что мне не нужно оставлять IDE для чего-либо, но я действительно пытаюсь найти ту же самую или аналогичную настройку для чистого ECMAScript-262.

Чтобы уточнить, я не ищу поддержку DOM, jquery, HTML или что-то в этом роде, желательно только IDE с поддержкой ECMAScript-262 (pref node.js) (отладка не важна), чтобы я мог просто запустите мой код в среде IDE.

ps: пожалуйста, не предлагайте aptana.

jEdit — это то, что вы хотите. Взгляните на доступные плагины.

До сих пор, похоже, было talk об интеграции node.js отладки с Google Chrome. Но это может быть именно ваш ответ, если это произойдет.

Если вы не против платить цену, я советую Jetbrains WebStorm.

Недавно я приобрел лицензию самостоятельно (это не так дорого), и я очень доволен ею. Прежде чем я использовал Eclipse и Aptana, но серьезно, качество WebStorm IS.

Не уверен, что я в настоящее время нарушаю правило, ссылаясь на коммерческий продукт, но он является awnser;)


Обзор и голосование за лучшие >August 2, 2020

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

В этой статье мы поможем вам сделать этот выбор детально познакомившись с пятью популярными IDE для веб разработки.

Сначала давайте разберемся что такое >— это и нтегрированная среда разработки (англ. Integrated Development Environment) — система программных средств, используемая программистами для разработки программного обеспечения.

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

В отличие от большинства редакторов, >Эти параметры проекта могут включать в себя ссылки на внешние библиотеки программного обеспечения, настройку редактора, контроль версий и параметры отладки.

Решение о том, какую IDE использовать очень субъективно, поскольку оно действительно зависит от функционала, который вы ищете, это может быть:

  • Поддержка различных языков
  • Автодополнение
  • Рефакторинг
  • Подсветка
  • Дебаггер
  • Интеграция SVN / Git
  • Проверка соблюдения стандартов
  • Компилятор
  • Переводчик
  • Управление и редактирование баз данных

Нет никаких жестких правил относительно того, что является IDE, а что нет. Чем больше функций из приведенного выше списка, присутствуют в программе, так и доступного в качестве надстройки, тем ближе он становится IDE.

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

Представьте их как легкие IDE. Быстрые, надежные и настраиваемые. Помните нашу аналогию с швейцарским армейским ножом раньше? Sublime Text 3, Coda 2 и Atom – отличные примеры таких IDE. Они не являются традиционными IDE, но при правильной настройке они прекрасно вписываются в поняти IDE.

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

Сравните это с «легким» редактором, только с добавленными вами функциями. Это приводит к созданию среды IDE, которая не содержит большого количества функций, которые вы никогда не сможете использовать. Это помогает быстро и быстро настроить ваши разработки. Однако, если вы находитесь на очень быстрой машине, вы можете не заметить слишком большой разницы в повседневной разработке между полной IDE и тщательно настроенным редактором. Однако, если у вас нет такой роскоши, производительность IDE может быть очень важным фактором в вашей повседневной разработке.

По этим причинам мы решили немного смешать список и включить как полноценные, так и «облегченные» IDE, которые будут очень полезны веб разработчикам.

Давайте начнем наш тур по IDE для веб разработки с PhpStorm.

PhpStorm

PhpStorm – это коммерческая IDE от компании JetBrains, она может похвастаться внушительным набором полезных функций.

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

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

PhpStorm не только для разработки PHP (кстати, у него есть полная поддержка PHP 7). Он также имеет отличную поддержку HTML, JavaScript и CSS.

Веб-сайт: https://www.jetbrains.com/phpstorm/
Стоимость: бесплатная 30-дневная версия
Релиз: 2009
Регулярно обновляется: да
Поддерживаемые расширения: плагины
Написан на: Java
Кросс-платформенная поддержка: да

Sublime Text 3

Далее в нашем списке – Sublime Text 3, разработанный Джоном Скиннером. Спустя много лет многих лет он стал мощным и очень быстрым пользовательским редактором. Он также хорошо известен как чрезвычайно стабильный и может легко обрабатывать очень большие файлы.

Интересно, что Sublime Text 3 не видел крупного релиза уже несколько лет. Несмотря на то, что он регулярно обновляется, обновления в основном содержат исправления ошибок наряду с незначительными улучшениями и новыми функциями. Sublime Text 3 по-прежнему находится в стадии бета-тестирования, не смотря на то, что он был выпущен как бета-версия еще в 2013 году! И в настоящее время новостей о новом крупном выпуске нет.

Sublime Text 3 очень быстро запускается. Фактически, это происходит почти мгновенно. Он работает очень быстро, без задержек или сбоев, что обеспечивает чрезвычайно плавное и эффективное редактирование кода. Он довольно минималистский и имеет менеджер пакетов для установки надстроек (написанных на Python) без необходимости перезапуска.

Как упоминалось выше, он обрабатывает файлы больших размеров очень хорошо. Существует огромное количество мощных надстроек (называемых пакетами), которые делают Sublime Text очень гибким и универсальным.Сложно отрицать, что использование Sublime Text одно удовольствие.

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

Несмотря на то, что Sublime Text по-прежнему очень популярен, он может начать терять почву в течение следующих нескольких лет. Однако, если библиотека пакетов Sublime Text 3 продолжит свое процветание, то на отсутствие крупного выпуска можно закрыть глаза, в краткосрочной перспективе.

  • Веб-сайт: https://www.sublimetext.com/
  • Стоимость: 70$, присутствует бесплатная версия
  • Релиз: 2008
  • Регулярно обновляется: нет
  • Поддерживаемые расширения: пакеты
  • Написан на: C ++, Python
  • Кросс-платформенная поддержка: да

Построенный командой GitHub, Atom – это новый парень среди популярных IDE в нашем обзоре. Выпущенный в 2014 году, это один из самых популярных редакторов на данный момент и имеет быстро растущее сообщество.

Эта популярность может быть обусловлена, по крайней мере частично, тем фактом, что Atom с открытым исходным кодом и полностью управляется сообществом.

Atom также имеет огромную дополнительную библиотеку с более чем 6 000 пакетов.

Подобно Sublime Text, Atom полностью поддерживает проекты, а также индивидуальное редактирование файлов. Есть встроенная поддержка Git, что неудивительно, поскольку Atom разработала команда GitHub.

Обновления выпускаются регулярно, но так как редактор относительно новый, вы вряд ли будете ждать их.

Многие пользователи жалуются на то, что при редактировании наблюдается медленная загрузка и неоднородная производительность, особенно при работе с большими файлами. Возможно это связанно с тем, что Atom создан на JavaScript, в то время как, Sublime Text разработан на C ++, который работает изначально быстрее. Только время покажет, смогут ли будущие версии Atom решить эти проблемы. Однако стоит помнить, что Atom относительно молодой и имеет достаточно времени, чтобы созреть.

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


  • Веб-сайт: https://atom.io/
  • Стоимость: 100% бесплатно
  • Релиз: 2014
  • Регулярные обновления: да
  • Поддерживаемые расширения: пакеты
  • Написан на: JavaScript
  • Кросс-платформенная поддержка: да

Coda 2

Coda был впервые выпущен в 2007 году, всего за год до Sublime Text. На протяжении многих лет он был очень сильным игроком, разделяя большую часть рынка веб-разработки с Sublime Text, на компьютерах Mac. Это главный недостаток Coda – даже спустя десять лет после первоначального выпуска, нет версии на Windows. Это единственный не кросс-платформенный редактор нашего обзора.

Редактор включает в себя встроенный терминал и клиент управления исходным кодом, а также FTP-клиент и встроенный редактор MySQL.

Несмотря на то, что Coda 2 регулярно обновляется, это, в основном, исправления ошибок и в течение многих лет не было выпусков новых версий.

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

  • Веб-сайт: [https://panic.com/coda/]
  • Стоимость: 25$ (бесплатная пробная версия на 7 дней)
  • Релиз: 2007
  • Регулярно обновляется: да
  • Поддерживаемые расширения: плагины
  • Кросс-платформенная поддержка: нет

NetBeans

NetBeans существует уже давно (со середины 1990-х годов), но все еще процветает и может конкурировать с новыми IDE. Как и PhpStorm, он разработан на Java и доступен для нескольких платформ. NetBeans состоит из набора «модулей» для добавления функций в среду IDE.

В течение многих лет NetBeans является сильным фаворитом среди веб-разработчиков как одна из наиболее полнофункциональных IDE.

Цукерберг рекомендует:  Background - Как сделать так, чтобы при наведение на окошко...

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

Частота обновлений для NetBeans, несколько замедлились за последние пару лет. Однако основной выпуск (NetBeans 9) намечен на июль-август 2020 года. NetBeans также имеет полную поддержку PHP 7 с версии 8.2.

  • Веб-сайт: https://netbeans.org/
  • Стоимость: бесплатно
  • Релиз: 1996 (оригинальное название Xelfi)
  • Регулярные обновления: да
  • Поддерживаемые расширения: модули
  • Написан на: Java
  • Кросс-платформенная поддержка: да

Другие IDE и редакторы для веб разработки

Как я уже упоминал во введении, есть много других IDE, которые вы можете использовать для разработки. Ниже вы найдете список из других IDE, на которые также стоит обратить внимание:

Вывод

В этом уроке мы рассмотрели пять популярных редакторов/IDE для веб-разработки.

Нельзя отрицать что набор функций в PhpStorm – действительно впечатляет. Но не всем сразу понадобится весь этот функционал. NetBeans существует уже более 20 лет и имеет самую большой фундамент, что делает этот выбор надежным.

Какая ваша любимая среда для веб разработки? И какие функции необходимы вам для повседневного рабочего процесса? Сообщите нам в комментариях ниже.

Голосование

Если вы не нашли в списке для голосования свою любимую IDE, оставьте комментарий и мы добавим.

Best >Review of the best JavaScript IDEs (integrated development environments)

JavaScript is a programming language that is suitable for both creating simple scripts and writing full-fledged applications. Both of these tasks can simplify by the integrated development environment: in the first case, a simple text editor will fit, for more serious projects you need a full-fledged IDE.

Lightweight interpreted or JIT-compiled programming language with first-class functions

However, it’s not so easy to choose a single IDE, which will be the one of the best JavaScript IDEs. When looking for a suitable program, in addition to functions like syntax highlighting, fast navigation, autocompletion and debugging mode, you need to consider other factors:

  • Price;
  • Supported OS;
  • Support of other programming languages.

We’ll figure out what JavaScript IDEs exist and in which cases they will be most useful.

WebStorm

Platforms: Windows, Linux, Mac Os.

Trial version: 30 days trial is available.

Price: Payment is possible only on a rental basis. The IDE will cost $ 5.9 per month or $ 59 per year for individual use, for corporate — $ 12.9 and $ 129. Startups can get a 50% discount, Open Source projects — a free unlimited version.

Features:

  • Support of all popular JavaScript platforms, such as Node.js, Electron, Meteor and Angular;
  • Built-in version control system;
  • Written code can be displayed in the browser;
  • Interface customization with feature of icons, fonts and tools replacement;
  • Other languages support can be implement fast due to the ability to purchase appropriate IDE from the same developer.


Video about new features of WebStorm 2020.1

Komodo IDE

Platforms: Windows, Linux, Mac OS.

Trial version: 21 days trial is available.

Price: one copy is 295$ or 394$ for full supported version. License for a 5 men team costs 1695$. 50% discount is available for students or freelancers.

Komodo IDE interface

Features:

  • One solution for all popular languages: JavaScript, PHP, Ruby, Python, Perl and about a hundred of others;
  • Emulators of Cordova and PhoneGap;
  • All functions of Node.js and it’s web-frameworks are supported;
  • Built-in code debugger for Chrome;
  • Integration tools and version control;

There is also a free text editor with a limited set of functions and JS support — Komodo Edit.

Video about new version of Komodo IDE — X

NetBeans

Platforms: Windows, Linux, Mac OS.

Price: freeware.

Features:

  • All JavaScript libraries are supported;
  • HTML, CSS, PHP, Java, C, C ++ are included in the IDE already, no need to install additional plug-ins;
  • Debugging and profiling tools allow to track real-time factors that affect application performance;
  • High customization level. The IDE can be expanded either by adding support of new programming languages, or by creating a custom application on its basis, which will include only the necessary functions;
  • Projects created in Netbeans can be deployed outside the IDE.

Short video with NetBeans tips

Apana Studio

Platform: Windows, Linux, Mac OS.

Price: freware.

Aptana Studio interface

Features:

  • IDE is focused on the web applications development and best integrated with HTML, CSS, JavaScript. Additionally, PHP and Ruby are supported;
  • Wide capability of JavaScript code debugging and its functionality checking;
  • Command line;
  • FTP, SFTP, FTPS and Capistrano protocols are supported;
  • Interface Customization;
  • Ability to create quick commands scripts.

Zend Studio

Platforms: Windows, Linux, Mac OS.

Trial version: available for unlimited time but with limited functionality.

Price: The license is purchased for once but without updates and technical support. For personal use, the product costs $ 89, for commercial — $ 189. A three years support subscription costs $ 328.

Zend Studio interface

Features:

  • IDE was designed for PHP, and therefore has many functions for this language. The application is integrated with Zend Server and phpDocumentor, supports namespaces and closures;
  • In addition, it is fully integrated with JavaScript, CSS, HTML;
  • Debugging plugin for Mozilla Firefox and Internet Explorer;
  • Splitting the data of application into a model, view, and controller (MVC);
  • MySQL, MS SQL Server, Oracle and other databases are supported.

Zend Studio 13 introduction video

Visual Studio

Platforms: Windows, Mac OS.

Trial version: 90 days trial version is available.

Price: The price of a version without subscription is $ 499, the price of a standard subscription is $ 1199 and $ 799 for prolongation. The cloud solution will cost $ 539 per year or $ 45 per month. The free version of the application is offered to students and developers of open source software.


Visual Studio interface

Features:

The IDE is designed to work with .NET, so it’s best to write JavaScript code for projects using this language;

Built-in templates for Node.js;

Ability to create own templates using the console command;

Interaction with Node.js Package Manager via interface and command line;

Remote code debugging for Windows, Linux and Mac OS;

Video about new features of Visual Studio 2020

Which JavaScript >

JavaScript is a programming language that is suitable for both creating simple scripts and writing full-fledged applications. Both of these tasks can simplify by the integrated development environment: in the first case, a simple text editor will fit, for more serious projects you need a full-fledged IDE. Which JavaScript integrated development environment you like the most?

Bytecode Alliance Launched to Promote WebAssembly

Mozilla, Fastly, Intel, and Red Hat have teamed up to develop technologies that make WebAssembly a universal platform for safely executing code on any infrastructure, operating system, and device. For the joint development of runtime and compilers, allowing WebAssembly to be used not only in web browsers, the Bytecode Alliance community has been formed.

To create portable programs delivered in WebAssembly format that can be run outside the browser, it is proposed to use the WASI API (WebAssembly System Interface), which provides program interfaces for direct interaction with the operating system (POSIX API for working with files, sockets, etc.). A distinctive feature of the execution model of applications using WASI is the launch in a sandbox environment to isolate from the main system and the use of a security mechanism based on capability management — for actions with each of the resources (files, directories, sockets, system calls, etc.) the application must be given the appropriate authority (only access to the declared functionality is provided).

One of the goals of the created alliance is to solve the problem of the spread of modern modular applications with a large number of dependencies. In such applications, each dependency can be a potential source of vulnerabilities or attacks. Obtaining dependency control allows you to gain control over all applications associated with it. Confidence in the application automatically implies the existence of trust in all dependencies, but dependencies are often developed and accompanied by extraneous teams whose activities cannot be controlled. Bytecode Alliance members intend to prepare a complete solution for the safe execution of WebAssembly applications that are not initially trustworthy.

For protection, it is proposed to use the concept of nanoprocesses, in which each dependency module is separated into a separately isolated WebAssembly module, whose authority is set to bind only to this module (for example, a library for processing strings cannot open a network socket or file). Unlike process separation, WebAssembly handlers are lightweight and require almost no additional resources — the interaction between the handlers is not much slower than calling ordinary functions. Separation can be made not only at the level of individual modules, but also at the level of groups of modules, which, for example, need to work with common areas of memory

Requested permissions can be defined both at the level of dependencies themselves and delegated to dependencies in a chain by parent modules (resources in WASI are associated with a special type of file descriptors — capability). For example, the module can be delegated the ability to access a specific directory and system calls, and if the development infrastructure of the module is compromised or a vulnerability is identified, access will be limited only by these resources. Declaring resources by the creators of modules can become an indicator of suspicious activity, for example, when a text processing module requests permission to open a network connection. Initially, the set permissions are checked, and if they change, the dependency load is rejected until the local module signature is updated.

For joint development, several projects related to WebAssembly, previously separately developed by the founding companies of the alliance, were transferred under the Bytecode Alliance wing:

  • Wasmtime, a small and efficient runtime for WebAssembly & WASI
  • Lucet, an ahead-of-time compiler and runti
  • me for WebAssembly & WASI focused on low-latency, high-concurrency applications
  • WebAssembly Micro Runtime (WAMR), an interpreter-based WebAssembly runtime for embedded devices
  • Cranelift, a cross-platform code generator with a focus on security and performance, written in Rust

Сведения о версии NetBeans IDE 8.1

NetBeans IDE 8.1 предлагает готовые решения по анализу и редактированию кода, предназначенные для работы с новейшими технологиями Java 8 — Java SE 8, Java SE Embedded 8 и Java ME Embedded 8. Кроме того, IDE содержит ряд новых средств для работы с HTML5/JavaScript, в частности Node.js, KnockoutJS и AngularJS, улучшения, расширяющие поддержку Maven и Java EE с PrimeFaces, а также усовершенствованные средства поддержки PHP и C/C++.

IDE NetBeans 8.1 доступна на английском, бразильском португальском, японском, русском и упрощенном китайском языках.

Загрузите NetBeans IDE 8.1

Документация

Для начала работы с IDE NetBeans 8.1 используйте следующее:

Разработка приложений Node.js

  • Новый мастер создания проектов Node.js
  • Новый мастер создания приложений Node.js Express
  • Улучшенный редактор JavaScript
  • Новая поддержка для выполнения приложений Node.js
  • Новая поддержка для отладки приложений Node.js
Полный снимок экрана
  • Новая поддержка для Gulp
  • Новая поддержка для Mocha и Selenium
  • Новая поддержка для Jade Node Template Engine
  • Новая поддержка Shadow DOM с помощью плагина NetBeans для Chrome
  • Улучшенная поддержка для Grunt
  • Улучшения для AngularJS и KnockoutJS
  • Проекты, распознанные через package.json, bower.json, composer.json
Полный снимок экрана
  • Автозаполнение кода с повышенной точностью («intellisense»)
  • Более удобный навигатор отображает перезаписанные и реализованные методы
  • Улучшенные правила следования в окне «Параметры»
  • Улучшения производительности для инструментов навигации Java:
    • «Перейти к типу» (Ctrl-O)
    • «Перейти к файлу» (Alt-Shift-O)
    • «Перейти к символу» (Ctrl-Alt-Shift-O)
  • Функция «Найти примеры использования» может включать зависимости (сведения)
Полный снимок экрана

Улучшения Java EE

  • Поддержка удаленного Oracle WebLogic Server
  • Поддержка сообщества для WildFly 9 и WildFly 10


Полный снимок экрана
  • Новая поддержка для Phing
  • Улучшенная интеграция с Composer
  • В Nette Tester добавлена функция охвата кода
  • Интеграция новой программы установки Symfony
Полный снимок экрана
  • Новая смешанная поддержка разработки на C++/Java
  • Улучшения нового мастера создания проектов
  • Поддержка SVN, Git и Mercurial в удаленном режиме
  • Улучшения редактора C++
  • Новые аудиты, подсказки и способы реорганизации кода
  • Улучшения реверсивной разработки (График вызовов)
Полный снимок экрана

Улучшения и изменение дизайна средства профилирования

Ide — IDE для нового JS8

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

Для пояснения, я не ищу поддержки DOM, jquery, HTML или чего-либо подобного, предпочтительно просто IDE со встроенной поддержкой ECMAScript-262 (pref node.js) (отладка не важна), чтобы я мог просто запустить свой код в IDE.

PS: пожалуйста, не предлагайте Aptana.

3 ответа

JEdit о том, что вы хотите. Посмотрите на доступные плагины.

Похоже, что до сих пор говорили только об интеграции отладки node.js с Google Chrome. Но это может быть именно ваш ответ, если это произойдет.

Если вы не против заплатить цену, я советую Jetbrains WebStorm .

Недавно приобрел лицензию сам (это не так дорого), и я очень доволен этим. До этого я использовал Eclipse и Aptana, но если серьезно, WebStorm IS качество.

Не уверен, что я нарушаю правило, ссылаясь на коммерческий продукт, но это ужасно;)

Универсальный магазин для инструментов Node.js. Мы не можем разрабатывать все сразу, но мы даем вам знать, что лучше всего подходит для разработки Node.js с Eclipse.

Последняя версия 0.4, хорошо работает в Eclipse 4.3 Kepler.

Цукерберг рекомендует:  Scrum от чего зависит успешное внедрение фреймворка

Обзор облачных > Суббота, 15 февраля 2014 г.
Рубрика: Обзоры -> Программирование -> Журнал Хакер -> Статьи
Метки: cloud | ide | программирование
Просмотров: 7273

Применение облачных IDE в корне меняет устоявшийся за годы процесс разработки программного обеспечения. Разработчику больше не нужна (в идеале) куча программ, между которыми требуется налаживать связь, которые необходимо обновлять и с которыми приходится выполнять другие рутинные действия. Но увы, мир облачной разработки еще нельзя назвать идеальным. Здесь есть свое черное и белое.

Так ли безупречны облачные IDE

Для начала поговорим о светлой стороне. Что принципиально нового нам несут облачные технологии и IDE в частности? В первую очередь — смену устоявшихся паттернов. Для работы необходим только браузер и ничего больше. Ни версия ОС, ни отсутствие специализированных библиотек в системе не способны помешать работе. Браузер в этом мире играет роль главного проводника. Сейчас он мощная среда разработки, а через пять минут превращается в крохотный редактор регулярных выражений.

Отношение к аппаратным ресурсам меняется аналогичным образом. Гонка производительности может быть ненадолго прервана, так как главным потребителем ресурсов становится опять-таки лишь браузер. Снабжать ресурсами мощную среду разработки и все связанные с ней компоненты будет кто-то другой. Получается, наиболее вескими аргументами «за» в отношении миграции в облако будут:

  • Работа в любом месте и в любое время. Главное, чтобы под рукой был компьютер/смартфон/планшет и доступ к интернету.
  • Независимость выбора ОС. Главное требование к операционной системе — наличие браузера, поддерживающего современные веб-стандарты.
  • Упрощение поддержки парка программного обеспечения. Никакой софт не требует обновлений (разве что браузер). Сам же процесс обновления ложится на удаленную сторону — облачного провайдера.
  • Дополнительная безопасность исходного кода. Весь исходный код проектов хранится в облаке, а не на рабочей машине очередного приходящего разработчика, который завтра может пропасть вместе со всеми своими и чужими наработками.
  • Экономия локальных вычислительных ресурсов. Для ведения разработки не требуется рабочая станция с мощным процессором и вагоном памяти.
  • Гибкое управление рабочими местами разработчиков. Все проблемы, связанные с предоставлением доступа к определенным исходникам, разворачиванием нового рабочего места для очередного разработчика, решаются несколькими кликами мышкой.

    Минусы облачных IDE

    Положительных сторон облачного кодинга немало, но и минусов, увы, хватает. Самый главный из них — безопасность. Да, когда исходный код проектов доступен в любой точке мира — это круто, но все мы помним печальную историю с популярным ныне облачным сервисом Dropbox.

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

    Несомненно, разработчики подобных продуктов следят за тенденциями в области защиты и отражения новых хакерских атак, но всем известна простая истина (читателям нашего журнала особенно): чем больше программа, тем больше в ней ошибок. От ошибок не застрахованы даже облака. Не совсем гладко обстоят дела с устойчивостью решений к сбоям и внезапным падениям. Производители сервисов дразнят покупателей хорошим аптаймом, но на деле он не всегда так хорош. Gmail, Dropbox, Google Docs — в истории каждого популярного облачного решения были замечены внезапные падения. Недоступность ресурсов хоть и составляла не больше двух часов, но что, если именно в эти два часа тебе нужно срочно получить доступ к файлам проекта? Я сомневаюсь, что работодателя/клиента, которому срочно требуется исправить ошибку в программе, устроит ответ: «извините, но наше облако сейчас недоступно и мы никак не можем решить вашу проблему».

    Один из самых распространенных мифов облачных технологий — дешевизна. По своему опыту могу сказать, что облачное решение порой обходится дороже, чем покупка полноценного программного продукта. Аренда дешева, пока не требуется от нее отказываться и озадачиваться миграцией на альтернативное решение. Рассказывая о преимуществах облачных IDE, я сделал особый акцент на возможность работы из любого места, главное, чтобы был интернет и установлен современный браузер. Это реально крутая возможность, но давай рассмотрим обратную сторону медали. Если ты привык работать в разъездах, то для тебя не станет открытием проблема с доступом к Сети в небольших городах.

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

    Другой немаловажный минус абсолютно всех облачных продуктов — отсутствие возможности безболезненной миграции на альтернативные решения. Рано или поздно облачный продукт может прекратить свое существование и тебя с твоими проектами попросят покинуть виртуальное пространство. Вот тут и начнется самое интересное. Как безболезненно мигрировать на альтернативное решение?

    Clound9
    Условия использования: Free (один приватный репозиторий) / Share
    Стоимость платной подписки: 12 долларов в месяц
    Поддерживаемые языки программирования: JavaScript, PHP, Python, Ruby, HTML, CSS
    Система контроля версий: Git


    С9.io — если не лучшая, то уж точно одна из лучших облачных IDE, нацеленная в первую очередь на Node.JS-разработчиков. В начале развития проекта многих девелоперов настораживало отсутствие поддержки актуальных версий Node.JS, но сейчас, когда базовый API Node.JS устаканился, доступная по умолчанию версия рабочего окружения более-менее догнала реальность (v0.8.9). С9 поражает своей продуманностью, чувствуется, что она создана разработчиками для разработчиков, благодаря чему сделать Get Started невероятно легко. Интеграция существующих или создание новых проектов (как и настройка рабочего окружения) в C9 абсолютно прозрачна. Можно создать новый проект на любой доступной технологии (Node.JS, Django, Rails) или загрузить файлы с локальной машины пачкой — и буквально через пару кликов рабочее окружение будет готово. Есть возможность подключаться к своим файлам по FTP, SSH, а благодаря тому, что C9 предлагает полноценную командную строку, можно внутри директории проекта в облаке полноценно использовать Git так, как если бы это происходило на локальной машине.

    Вообще, работа в C9 действительно напоминает работу в полноценной десктопной IDE и даже отличается в лучшую сторону. Подавляющее большинство инструментов разработчика Node.JS (например, npm) ведут себя абсолютно предсказуемо. Так, ты можешь рассчитывать на корректную работу мейнстримового middleware Connect/Express, шаблонизаторов EJS, Jade, поддержку драйверов доступа к базам данных (node-mongo-native, Mongoose ORM, connect-redis), систем авторизации (passport) и даже тех модулей, сборка которых локально сопряжена с некоторыми не всегда корректно обрабатываемыми зависимостями (например, iconv). Поддерживается «умное» автодополнение экспортируемых из модулей функций и переменных. Для исполнения приложений выделяется поддомен вида http://

    ..c9.io. Сам запуск кода можно производить как в обычном режиме, так и в режиме отладки.

    C9 постоянно развивается, каждый день появляются новые коммиты и вводятся новые функции, фиксятся баги (на момент написания статьи исправлялись ошибки процессинга PayPal). Также к услугам разработчика менеджер расширений, позволяющий в один клик установить популярные дополнения рабочей среды и значительно расширить и без того не бедный функционал этой замечательной IDE.

    Единственная проблема C9 — несколько подтормаживающий интерфейс. Из-за обилия AJAX’а и в целом навороченности интерфейса многие операции совершаются со скрипом. Редко, но элементы управления даже зависают в процессе работы, но, как уже было сказано выше, работа над улучшением C9 ведется постоянно.

    ShiftEdit
    Условия использования: Free/Share
    Стоимость платной подписки: 5,99 доллара в месяц или 59,99 доллара в год, есть скидки
    Поддерживаемые языки программирования: JavaScript, PHP, Python, C++/C#, HTML, CSS, Go, Perl, Java, Scala — всего 28 технологий
    Система контроля версий: нет

    Первое, что бросается в глаза при знакомстве с этой IDE, — некая отсталость в интерфейсе и несоответствие текущим трендам в дизайне веб-приложений. Это скорее облачный редактор с подсветкой синтаксиса, чем полноценная IDE. При запуске тебе сразу предлагается выбрать тип документа, с которым ты хочешь работать (к чести ShiftEdit нужно сказать, что доступно 28 диалектов, включая JSON, SVG, LESS). Любителей популярных систем контроля версий сразу ждет разочарование — эта IDE их не поддерживает, а судя по ответу разработчиков, кроме частичной интеграции с SVN больше ничего поддерживать они и не планируют. ShiftEdit позволяет подключаться к своим файлам через FTP, SFTP, WebDAV, Dropbox, Google Drive или Amazon S3. Запускать, как и хранить код, предлагается на своих серверах.

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

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

    Кроме снятия ограничения на количество проектов, бизнес-редакция ShiftEdit не предлагает основной массе пользователей ничего такого, за что можно было бы отдать деньги — так, почти за 60 долларов в год ты получаешь историю ревизий кода и улучшенную интеграцию с Dreamveawer.

    Codeanywhere
    Условия использования: Free/Share
    Стоимость платной подписки: 5 долларов в месяц или 50 долларов в год
    Поддерживаемые языки программирования: JavaScript, CSS, HTML, XML, PHP
    Система контроля версий: Git

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

    Целевая аудитория проекта CAW (Codeanywhere) — веб-разработчики, специализирующиеся на создании новых приложений при помощи JavaScript, PHP, HTML и CSS.

    Помимо типичного набора для IDE облачного формата вроде легковесного редактора с автодополнением кода и подсветкой синтаксиса, разработчики CAW предлагают полноценную площадку для разработки и тестирования приложений. Доступ к интерпретатору PHP, наличие СУБД MySQL, взаимодействие с системой контроля версий Git, возможность загрузки файлов из облачного хранилища Dropbox, встроенный FTP-клиент — все это ключевые опции CAW. Помимо стандартной браузерной версии, на скамейке запасных у CAW есть нативные клиенты для популярных мобильных платформ (Android, iOS, BlackBerry). Собственно говоря, благодаря им лозунг «Программируй в любом месте, в любое время» оправдывает себя на все сто.

    Icenium
    Условия использования: Share
    Стоимость платной подписки: от 16 до 19 долларов в месяц
    Поддерживаемые языки программирования: JavaScript, CSS, HTML
    Система контроля версий: Git

    Одна из главных проблем, с которой сталкивается каждый разработчик мобильных приложений, — необходимость установки разных IDE и SDK. Что хорошо для разработки под Android, то никуда не годится под iOS.

    Разработчики из компании Icenium попытались найти оригинальное решение этой проблемы. В результате появилась новая IDE и технология, адаптирующая инструменты веб-разработчиков (JavaScript, CSS, HTML5) для создания мобильных приложений. С ее помощью весь цикл создания приложения (от прототипа до публикации в App Store / Google Play) выполняется прямо в браузере.

    Среда разработки снабжена всем необходимым инструментарием для продуктивной работы. Быстрый доступ к необходимым SDK/фреймворкам (jQuery, Kendo UI Mobile). Достаточно функциональный редактор кода (подсветка синтаксиса, автодополнение, синтаксический контроль). Работа с Git (поддерживаются GitHub, Bitbucket). Наличие встроенных «эмуляторов» Android/iOS и ряд других плюшек, упрощающих процесс разработки.

    Интерфейс IDE хорошо оптимизирован. Задержки при вызове той или иной функции минимальны, поэтому создается ощущение, что работаешь с десктопным приложением. Разработчикам Icenium удалось сделать элегантное решение нестандартной задачи. Причем оно интересно не просто как облачная среда разработки, а как полноценная платформа, покрывающая весь цикл создания мобильного приложения (от прототипа до публикации в App Store).

    Erbix
    Условия использования: Share/Free
    Стоимость платной подписки: 14,95–69,95 доллара в месяц
    Поддерживаемые языки программирования: JavaScript
    Система контроля версий: Git

    Внешний вид Erbix кажется слегка устаревшим и не соответствующим современным критериям минимализма и простоты. Тем не менее эта IDE пользуется достаточной популярностью у JavaScript-разработчиков. Помимо тривиальных функций для ПО такого типа, у Erbix имеется возможность публикации созданных приложений в собственный AppStore, а также присутствует поддержка СУБД PostgreSQL. Последняя возможность наиболее интересна: благодаря ей вполне реально создать полноценный блог или другое полезное приложение, которому необходимо где-то хранить промежуточные данные.

    Слегка устаревший интерфейс компенсируется стабильностью работы и такими полезными функциями, как взаимодействие с СУБД, поддержка модулей CommonJS и RingoJS.

    CodeRun Studio
    Условия использования: Free
    Поддерживаемые языки программирования: JavaScript, C#, PHP
    Система контроля версий: нет

    CodeRun Studio — одна из немногих облачных IDE, ориентированная на C#-разработчиков. Чуть позже проект был обновлен, и копилка поддерживаемых языков программирования пополнилась PHP и JavaScript. Как фанат технологии .NET и C# в частности, я был приятно удивлен, что среди проектов присутствуют возможность создавать проекты типа ASP .NET MVC, WPF Browser Application, Silverlight и так далее.

    Для C#-проектов поддерживается пошаговая отладка. Работает весьма сносно и для отладки небольшого количества кода встроенного отладчика более чем достаточно. С большими проектами при отладке могут возникнуть проблемы. По непонятным причинам интерфейс намертво замирает, после чего спасает только полная перезагрузка приложения.

    Текстовый редактор выполнен в типичном для подобных проектов стиле. Есть автодополнение кода, подсветка синтаксиса, подсказки по функциям, синтаксический контроль, интерфейс с табами.

    На этом достоинства IDE заканчиваются, и эстафету подхватывает команда ложек дегтя. Одна из главных проблем проекта — тормоза. Тормозит интерфейс (особенно при сборке решения); периодически отваливается коннект к тестовому серверу; напрочь отсутствует хоть какая-нибудь интеграция с внешними сервисами вроде Git; разработчики очень редко обновляют компиляторы/интерпретаторы.

    Проект интересный, но его развитие идет черепашьими шагами. Ошибки и тормоза не позволяют поставить этот проект в одну линию с более сильными игроками рынка. Проект хорош, но только в образовательных целях и мелких проектов.

    Akshell
    Условия использования: Free
    Поддерживаемые языки программирования: JavaScript
    Система контроля версий: Git

    Бытует мнение, что специализированный инструмент всегда лучше, чем универсальный. Глядя на Akshell, понимаешь, что в этой теории определенно что-то есть. Своему рождению данный инструмент обязан любителям языка программирования JavaScript. Разработчик проекта постарался спроектировать хороший инструмент, способный преодолевать трудности, которые подстерегают собратьев по цеху.

    Цукерберг рекомендует:  Gui - из java(кода) в GUI

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

    Для знакомства с возможностями Akshell рекомендуется посмотреть демонстрационные приложения, разработанные при помощи этой среды. Их можно найти в официальном репозитории проекта на GitHab’е.

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

    Compilr
    Условия использования: Free/Share
    Стоимость платной подписки: от 20 до 40 долларов в месяц
    Поддерживаемые языки программирования: C, C#, Fortran, PHP, Ruby, Python, VB, Objective C и другие
    Система контроля версий: нет

    Любителям чистого и неперегруженного интерфейса однозначно придется по душе среда разработки Compilr. Создатели проекта не балуют богатым набором возможностей, а просто предоставляют в распоряжение пользователя в меру функциональный редактор кода и услуги интерпретатора/компилятора. Интерфейс приложения не похож на классические IDE. Здесь нет кишащих кнопками панелей инструментов. Главное меню с кучей возможностей также отсутствует. Вспомогательных инструментов вроде системы контроля версий или отладчика здесь тоже нет. А что тогда есть? Только редактор с подсветкой синтаксиса (функций вроде автодополнения, подсказок нет) и компилятор/сборщик.

    Полноценной IDE этот проект назвать нельзя. Функционал настолько прост и беден, что годится разве для совсем небольших проектов. Главная изюминка Compilr — поддержка большего количества языков программирования и компиляторов. Наиболее интересным вариантом использования Compilr мне представляется во время изучения новых языков программирования или когда нужно написать код на малоиспользуемом языке, не устанавливая у себя на компе лишнее программное обеспечение.

    Codenvy
    Условия использования: Free/Share
    Стоимость платной подписки: от 9 до 99 долларов в месяц
    Поддерживаемые языки программирования: Java, PHP, JavaScript, Python, Ruby, HTML, CSS
    Система контроля версий: Git

    Интерфейс Codenvy выполнен в классическом для IDE стиле: куча полезных мастеров, упрощающих рутинные действия; главное меню, напичканное всевозможным функционалом; интерфейс в виде табов; менеджер проектов; интеграция с такими необходимыми вещами, как Git. Сам интерфейс проработан достаточно хорошо. После настольных IDE особого дискомфорта не испытываешь. Все на своих местах. Техническая сторона реализации интерфейса заслуживает особого уважения. Задержки минимальны, и среда ведет себя достаточно отзывчиво.


    В Codenvy множество самых разнообразных инструментов. Из наиболее интересных стоит выделить: поддержку Git-хостингов; поддержку большего количества PaaS (AWS Elastic beanstalk, OpenShift, CloudBees, CloudFoundy, AppFog, Google App Engine, Heroku); инструменты рефакторинга; поддержку парного программирования; наличие встроенного отладчика и так далее.

    Классический интерфейс в стиле настольных решений, сбалансированный набор инструментов, шустрая работа, интеграция с популярными PaaS-сервисами выделяют Codenvy среди подобных проектов. Огорчает лишь, что данная среда в первую очередь ориентирована на Java-разработчиков. Наиболее интересные функции вроде отладчика и рефакторинга доступны только для Java-проектов.

    Возвращаемся на землю

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

    Не вошли в обзор

    [url=https://koding.com/]koding.com — новая реинкарнация проекта славно почившего Kodingen. Среда в первую очередь ориентирована на веб-разработчиков. Поддерживаются языки JavaScript, CSS, HTML, PHP. На момент написания статьи сервис работал в beta-режиме, регистрация была возможна только по инвайтам.

    www.eclipse.org — облачная опенсорсная IDE от разработчиков легендарного Eclipse. Поставляется в двух варианта: в виде сервиса и исходных кодов. Если в первом случае Orion не отличается от своих собратьев, то благодаря открытости сорцов пользователь получает возможность развернуть проект в собственной сети (например, на работе) и обеспечить коллег современной средой разработки.

    phonegap.com — альтернатива для Icenium. Среда сфокусирована на разработку мобильных приложений под iOS и Android. В основе лежат те же идейные принципы, что и у Icenium, в качестве технологий используется инструментарий веб-разработчиков.

    SourceKit — облачная IDE, выполненная в виде плагина для браузера Google Chrome. Все пользовательские данные (скрипты и так далее) SourceKit хранит в пользовательском аккаунте Dropbox. Редактор обеспечит подсветкой синтаксиса для следующих языков программирования: C/C++, C#, PHP, Python, JavaScript.

    pythonfiddle.com — простенькая облачная IDE для любителей языка программирования Python. Возможностей минимум, но для тестирования алгоритмов будет в самый раз. goo.gl — Collaborative IDE, когда-то был многообещающий проект, но на данный момент застыл в развитии. По указанному линку ты не найдешь функциональную IDE, зато сможешь загрузить исходники и развернуть среду разработки в своем облаке.

    sourceLair — еще одна облачная IDE, выполненная в виде плагина для Google Chrome с громадной поддержкой языков программирования: C, C++, PHP, CSS, JavaScript, Java и других. Связью с внешним миром также не обделена. Умеет взаимодействовать с популярными Git-хостингами Bitbucket, GitHub.

    Полезные инструменты для разработчиков

    codepen.io — хороший редактор для фронтенд-девелоперов. Главная киллер-фича — возможность одновременного редактирования CSS/HTML/JS-кода. Весь код и результат его выполнения представлен на одном экране. Внесение изменений тут же отражается на результате.

    cssdesk.com — CSS-редактор. Поддерживает режим «что ввожу, то и вижу».

    jsdo.it — сообщество фронтенд-разработчиков. Сервис позволяет писать и тестировать свой код, а также работать с проектами других участников проекта.

    refiddle.com — песочница для тестирования и отладки регулярных выражений.

    JS- и CSS-песочницы

    Заходя на форумы программистов типа Stack Overflow, можешь быть уверен — в 8 из 10 топиков по JavaScript, HTML или CSS ты встретишь отсылки к этим сервисам. Это — песочницы для тестирования маленьких кусочков CSS- или JS-кода. Конечно, ты всегда можешь создать полноценную страницу для тестирования какого-либо CSS-свойства или поведения функции, но, согласись, удобно написать пару строк кода и видеть результат. Да и живые примеры ньюфагам кидать удобнее :).

    jsFiddle — один из самых популярных сервисов, король песочниц :). Имеет очень удобный layout, поддерживает кучу популярных фреймворков и библиотек типа Angular, jQuery, Knockout, Bootstrap. Можно выбрать способ подключения: библиотека может быть описана в head, body, загружена по событию onLoad или onDomRead. Позволяет тестировать AJAX-запросы и имеет отличную документацию.

    JS Bin — тоже отличный сервис. Поддерживает все популярные фреймворки, ориентирован на отладку JS-кода. Приятная особенность — рефреш не убивает твои изменения. Единственный минус для меня — отсутствие столь четкого, как в предыдущем сервисе, layout (например, нет отельной области для CSS). В остальном — все на высоте.

    Dabllet — милая песочница с симпатичным интерфейсом, подходит только для отладки CSS и HTML, поддержка JavaScript в самой зачаточной стадии. Не рекомендовал бы его для ежедневной работы.

    CSSDesk — простой и узкоспециализированный сервис для тестирования HTML и CSS c солидной историей. На протяжении всего времени существования тулза остается верной своей философии и честно позволяет тестировать CSS и HTML. Имеет понятный и приятный интерфейс.

    Tinkerbin — хорошая альтернатива jsFiddle. Похожий layout, возможность расширить область HTML, CSS или JS за счет вкладок. Имеет живой автоапдейт. Поддерживает LESS, SASS, CoffeScript. В целом работает — за большим советую идти на jsFiddle :).

    Статья является совместной работой Игоря Антонова и Илья Курченко.

    Ide — IDE для нового JS8

    Every aspect of IntelliJ IDEA is specifically designed to maximize developer productivity.

    Together, the powerful static code analysis and ergonomic design make development not only productive but also an enjoyable experience.

    Deep intelligence

    After IntelliJ IDEA has indexed your source code, it offers a blazing fast and intelligent experience by giving relevant suggestions in every context: instant and clever code completion, on-the-fly code analysis, and reliable refactoring tools.

    Out-of-the-box experience

    Mission-critical tools such as integrated version control systems and a wide variety of supported languages and frameworks are all to hand — no plugin hassle included.

    Smart code completion

    While the basic completion suggests names of classes, methods, fields, and keywords within the visibility scope, the smart completion suggests only those types that are expected in the current context.

    Framework-specific assistance

    While IntelliJ IDEA is an IDE for Java, it also understands and provides intelligent coding assistance for a large variety of other languages such as SQL, JPQL, HTML, JavaScript, etc., even if the language expression is injected into a String literal in your Java code.

    Productivity boosters

    The IDE predicts your needs and automates the tedious and repetitive development tasks, so you can stay focused on the big picture.

    Developer ergonomics


    In every design and implementation decision that we make, we keep in mind the risk of interrupting the developer’s flow and do our best to eliminate or minimize it.

    The IDE follows your context and brings up the corresponding tools automatically.

    IDE для разработки JavaScript

    54 michael [2009-04-25 16:56:00]

    Что вы предлагаете для IDE разработки JS. Есть ли что-то похожее на VisualStudio IDE, поэтому я могу запустить/отладить мое приложение в нем?

    16 ответов

    17 Решение Daniel A. White [2009-04-25 16:58:00]

    • Visual Studio 2008 (включая VWD Express, http://blog.berniesumption.com/software/how-to-debug-javascript-in-internet-explorer/)
    • Adobe Dreamweaver CS4
    • Notepad ++ (или любой другой текстовый редактор), Firefox и Firebug

    В JetBrains мы только что разработали легкий HTML/Javascript/CSS IDE WebStorm, который включает в себя очень умный редактор JavaScript с автозавершением на основе DOM и HTML5 Поддержка API. Он позволяет отлаживать (поддерживаемые точки останова) и запускать ваши скрипты непосредственно из среды IDE.

    16 duffymo [2009-04-25 18:05:00]

    Я считаю, что поддержка JavaScript IntellJ превосходна, как и все остальное, что они делают.

    13 devarni [2009-04-25 17:30:00]

    Netbeans 6.x и Firefox + Firebug

    В прошлом я использовал Aptana автономный или как плагин Eclipse. В версии Pro есть некоторые приятные дополнения, такие как встроенный IE (всегда встроенный Firefox) и отладка поддержки обоих браузеров. Я нашел после нескольких часов тестирования, что Suns Netbeans — лучшая среда разработки PHP и Python для Windows и Linux. Я был удивлен тем, что поддержка Javascript может держать свечу в Aptana. Поэтому Netbeans — моя рекомендация (не только для Javascript).

    Попробуй, это бесплатно!

    9 dommer [2009-04-25 17:00:00]

    Я нашел Aptana Studio, чтобы быть хорошим.

    Я рекомендую все больше и больше Netbeans , который еще не был предложен (я слепой иногда). Netbeans разрабатывается Sun и поддерживает не только Java, но и несколько других языков (PHP, Ruby, Python, Javascript).

    Я использую его какое-то время, и я очень доволен. Он быстрый, обеспечивает завершение кода и легко интегрирует основные JS-библиотеки (Prototype, YUI). Он также имеет отладчик, который можно связать с FF или IE.

    Попробуйте, вы не будете разочарованы!

    5 Fatih [2011-04-06 17:23:00]

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

    • найти слово в каталоге (grep-эквивалент)
    • расширенная и полезная функция intellisense с несколькими файлами и родительскими классами
    • внутренняя поддержка GIT
    • древовидное представление структуры приложения
    • удивительная поддержка истории версий, которая работает с GIT и вашей локальной историей. Это очень полезно, если вы хотите взглянуть на GIT untracked файл, вы можете просмотреть все данные истории файла в течение нескольких недель.
    • с отличным аддоном с именем CSSXFire, который работает с Firebug, отслеживает изменения CSS и импортирует их в редактор и позволяет легко воспроизводить те же изменения, что и в Firebug CSS Console. Это действительно удивительно.
    • Еще одна полезная функция: когда вы хотите удалить или переименовать файл, редактор ищет файл, который использовался в этом каталоге и уведомляет вас. Это называется safe-refactor
    • intellisense для файлов, в то время как вы вводите css-фоновое изображение, атрибут src или href

    Иногда я занимаюсь PHP, поэтому предпочитаю PHPStorm, поэтому разработчикам Front End следует предпочесть WebStrorm, специализирующийся на нас.

    Я думаю, каждый разработчик FE должен попробовать PHPStorm или WebStorm с Firefox и Firebug.

    IDE для ECMAScript-262 с в среде IDE выполнения / отладки для Node.js / V8

    Я в настоящее время использую Eclipse, как мой IDE для других языков, и я довольно привык не выходя из IDE для чего-нибудь, — однако я действительно изо всех сил, чтобы найти такую ​​же или подобную установку для чистого ECMAScript-262.

    Чтобы уточнить, я не ищу поддержки DOM, JQuery, HTML или что-нибудь подобное, предпочтительно только в IDE с опорными ECMAScript-262 (прив node.js) построен в (отладки не важно), так что я могу просто запустить свой код в интегрированная среда разработки.

    пс: пожалуйста, не предлагают Aptana.

    Если вы не против платить цену, я советую JetBrains WebStorm .

    Недавно приобрели лицензию на себя (это не так дорого), и я очень счастлива с ним. Перед тем как я использовал Eclipse, и Aptana, но серьезно, WebStorm качество.

    Не уверен, что если я в настоящее время нарушение правил, связываясь с коммерческим продуктом, но это awnser;)

    jEdit это о том, что вы хотите. Посмотрите на плагины доступны.

    До сих пор, кажется , что только было говорить об интеграции отладки Node.js с Google Chrome. Но это может быть именно ваш ответ , если это произойдет.

    Интернет-магазин для инструментов Node.js. Мы не можем развивать все сразу, но мы дадим вам знать, что самые лучшие вещи вокруг для развития Node.js с Eclipse.

    Последняя версия 0.4, работает хорошо в Затмении 4.3 Kepler.

  • Понравилась статья? Поделиться с друзьями:
    Все языки программирования для начинающих