company_banner

Выпущен WebStorm 9 EAP v.2 — что добавили на этот раз?

    WebStorm давно стал рабочим инструментом для многих, кто пишет на JavaScript. И мы рады, что постоянное развитие технологий и рост запросов пользователей позволяют нам все время добавлять новые фичи в него.

    Замечание для тех, кто еще не использовал EAP'ы: EAP — это early access preview, полностью бесплатная, полнофункциональная, со сроком жизни 30 дней. Потом ее надо заменить на следующий EAP, купить релиз или смириться с ее превращением в тыкву (это — законные способы эксплуатации, нелегальные мы тут перечислять не будем). EAP — это еще «нестабильная» версия, и это означает, что некоторые функции в ней могут работать неидеально, хотя в целом она достаточно близка к релизу по функциональности и качеству.


    Мы еще дописываем некоторые фичи, которые появятся в следующих EAP-ах WebStorm, и сегодня мы расскажем о том, что уже можно пощупать руками. А это:
    • обновленный Live Edit: теперь при любом изменении в коде приложения под Node.js позволяет автоматически обновлять приложение;
    • поддержка фреймворка Meteor;
    • поддержка системы сборки Gulp;
    • трассировщик Spy-js для Node.js;
    • интеграция с PhoneGap/Cordova;
    • шаблоны (Postfix templates) для JavaScript;
    • улучшенная поддержка библиотеки Polymer;
    • усовершенствованный плагин Editorconfig.

    WebStorm 9 EAP можно уже скачать на нашем сайте.
    Рассмотрим это все

    Live Edit


    Плагин Live Edit, тот самый, что позволяет без обновления страницы в браузере сразу видеть, что получится при изменении вашего HTML и JavaScript'a на странице, теперь работает и с Node.js.

    Запустите приложение в режиме отладки, а затем попробуйте изменить что-нибудь в коде. Теперь нажмите image в окне отладки, выберите Update Application в меню Run или нажмите Ctrl+F10 (cmd+F10 в Mac OS).



    Вначале Live Edit попробует обновить приложение без перезагрузки сервера Node.js (сделать hotswap), но если не получится, то он перезагрузит сервер. В настройках IDE можно включить автоматическое обновление при изменениях. Более подробно о том, как работает Live Edit, можно прочесть в посте о нем в нашем англоязычном блоге.

    Spy-js for Node.js


    Для каждого события spy-js дает просмотреть стек вызовов и подсвечивает в окне редактора путь в коде, чтобы показать, как именно был выполнен этот сценарий.

    Начиная с WebStorm 9 EAP мы поддерживаем spy-js и для сервера Node.js. Чтобы воспользоваться им, надо создать новую run-конфигурацию (spy-js for Node.js Run configuration).

    Эта конфигурация запустит приложение, и появится окно spy-js, в котором будет показан список событий, стек вызовов и значения переменных. Так же, как и для JavaScript'a в браузере, вы сможете быстро переходить между трассировкой и исходным кодом, а также настраивать фильтрацию «отлавливаемых» событий.



    Детали функционирования и использования spy-js описаны в этом видео (7 минут, англ.) и в нашем блоге (англ.)

    PhoneGap/Cordova integration


    В WebStorm добавили интеграцию с PhoneGap и Cordova. После установки PhoneGap вы можете использовать PhoneGap/Cordova Run configuration для того, чтобы собрать ваше мобильное приложение и запустить его на устройстве (командой run) или на эмуляторе (emulate):



    Для тех, кто использует PhoneGap/Cordova есть и еще одна радость: новый генератор проектов и менеджер плагинов, помогающий устанавливать плагины из репозитория Cordova или любого другого репозитория. Все эти функции работают и с Ionic.
    Код плагина PhoneGap/Cordova открыт, так что в его развитии каждый может принять участие. Шлите pull-реквесты.

    Пост-автодополнение для JavaScript


    Пост-автодополнение позволяет вам написать что-то, а потом трансформировать написанное, дописав постфикс. Список доступных постфиксов находится в Preferences | Editor | Postfix completion.



    Например, можно сделать так:

    Написать err.log, нажать Tab, и IDE преобразует написанное в console.log(err).

    Или так:

    image

    И еще мы добавили умный backspace, который удаляет в точности то, о чем вы подумали (и делает это в одно нажатие вместо нескольких). Подробности мы описали в посте про эту новинку в IntelliJ IDEA. Умный backspace добавлен и в WebStorm 9 EAP.

    Поддержка фреймворка Meteor


    WebStorm теперь поддерживает проекты, созданные с помощью фреймворка Meteor и позволяет их создавать в диалоговом окне New Project. Кроме того, обеспечиваются автодополнения для Meteor API.
    Для серверного кода на Meteor есть специальные настройки отладки:



    Поддержка системы сборки Gulp


    Для всех, кто уже перешел в своих проектах с Grunt на Gulp, мы рады представить поддержку Gulp в WebStorm 9. В отдельном окне в IDE отображается список объявленных в gulpfile.js задач, по двойному клику на задаче для нее создается новая конфигурация Run/Debug, с помощью которой задачу можно запустить (Ctrl+Alt+R в Mac OS или Alt+Shift+F10 под Windows и Linux) или начать отлаживать.

    Улучшенная поддержка работы с веб-компонентами Polymer


    Мы добавили базовую поддержку Polymer: WebStorm стал понимать layout-атрибуты, правила стилизации и импорты пользовательских элементов.



    Плагин Editorconfig


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

    WebStorm 9 EAP можно скачать, попробовать, а потом поделиться с нами bug report'ом или feature request'ом.
    Напоминаем, что EAP живет 30 дней, потом надо качать следующий или ставить релиз (если он уже есть).
    JetBrains
    Делаем эффективные инструменты для разработчиков

    Comments 71

      –4
      WebStorm уже 9 версии, а PhpStorm все еще 7. Последний можно зарывать или такой разрыв в версиях чем-то вызван?
        0
        EAP версия PhpStorm 8, и мне тоже хотелось бы получить в нём поддержку Polymer и Cordova. Плагинов пока не нахожу.
          0
          Плагин для Cordova/PhoneGap работает в PhpStorm 8 EAP, но его нужно установить через Settings | Plugins.
          Улучшения, связанные с Polymer, тоже должны быть.
            0
            Должны быть в следующей сборке? Сейчас ничего такого нет.
            Плагин поставил.
              +1
              Polymer идет как часть плагина Web Components. Оказалось, что он не забандлен в PhpStorm и его нужно поставить дополнительно.
                0
                Спасибо, как-то искал не нашел, последний раз проверял только по ключевому слову Polymer (было бы не плохо добавить его чисто для поиска).
                  +1
                  Да, сделаем.
          +3
          PhpStorm 8 уже доступен в Public preview. В нем будут все фичи, доступные в WebStorm 9 EAP на данный момент. Разрыв вызван тем, что PhpStorm пропустил традиционный весенний релиз, поэтому будет теперь небольшое различие в номерах версий с WebStorm.
            +1
            Для точного соответствия нумерации функционально соответствующих друг другу версий WebStorm и PhpStorm можно для PhpStorm просто пропустить номер версии 8.
              +1
              Функционал WebStorm 9 будет в PhpStorm 8, IntelliJ IDEA 14, PyCharm 4 и RubyMine 7. Очень непростая задача будет синхронизировать номера версий :)
                +1
                О глобальной синхронизации версий речи и не идёт. Речь лишь о восстановлении / сохранении синхронности нумерации конкретно WebStorm и PhpStorm, которая имелась изначально. Рассинхронизация может сбить с толку привыкших к этому пользователей, заставив думать, что, например, PhpStorm 8 — версия устаревшая («ведь WebStorm — уже 9»).
          +3
          Наконец-то добавили Gulp.js, Очень нужная и долгожданная фича. Спасибо разработчикам! :)
            +1
            Спасибо. Мы немного переработали интеграцию с Gulp по сравнению с Grunt, надеемся, что получилось лучше.
              +1
              Действительно вышло удобнее, теперь захотелось такое и для Grunt.
                0
                А в idea 13 как можно поставить gulp? Не нашел его в плагинах…
            +1
            Вовремя пост. Хотел узнать как заставить магию spy.js работать, если нода живёт в виртуалке в линуксе, а вебшторм запущен в винде. Гит репа тоже в линуксе и расшарена. Сейчас делаю просто «открыть папку».
              0
              Та же история с Go.
                0
                Мы подумаем, что можно с этим сделать и дадим вам знать.
                  0
                  В данный момент spy-js умеет трейсить Node.js код только если сам запускает его и соответственно имеет возможность этот код инструментировать. Поэтому трейсить уже выполняемый где-то серверный код через spy-js пока невозможно, но можно например отлаживать через Node.js Remote Debug Run Configuration.

                  Еще, насколько я понял, вопрос скорее всего о трассировке серверной части кода? Потому что если речь все же о браузерном коде (который хостится web приложением на Node.js на линукс VM), то его конечно же можно трейсить из WebStorm на Windows просто открыв страницу в браузере при запущенном spy-js.

                  Кстати, если разработка идет на Windows, и весь код доступен, то может просто установить Node.js и запускать тот же код локально (через spy-js Run Configuration)? Тем более что на dev машине Node.js скорее всего и так уже установлен для других целей (таких как запуск grunt, gulp, тестов?)
                    0
                    Пусть spy.js тоже живёт в линуксе, вопрос в том — как подцепить к нему и ноде вебшторм.
                      0
                      Вы хотите «шпионить» за браузером или из node.js?
                  0
                  Немного странный вопрос: а не планируется ли поддержка WinJS?
                  Да, я знаю, решарпер и всё такое, но Visual Studio сама по себе по сравнению с вашей линейкой, не редактор, а не пойми что.
                    0
                    Таких планов для WebStorm и IntelliJ IDEA платформы нет, только ReSharper.
                    –1
                    А тикету про поддержку CodeIgniter в PHPStorm пошел третий год…
                      +4
                      Вопрос кто сам CodeIgniter будет поддерживать? Сами разработчики уже забили на него.
                        +1
                        К сожалению, все всегда поддержать невозможно. Каждая команда при ограниченных ресурсах старается максимально учесть запросы пользователей, но также учитываются и общие тренды, развитие технологии и сообщества вокруг нее. В итоге получается, что некоторые старые ишью имеют меньший приоритет чем поддержка более новых и популярных технологий.
                        0
                        С метеором беда, да…
                          0
                          Вы уже про нынешнюю обновленную поддержку?
                            0
                            Угу, правда я создал проект из существующего кода…
                            Может если с 0, то лучше…
                              0
                              А в чем дело? Напишите нам, пожалуйста, ишью youtrack.jetbrains.com/issues/WEB. И на всякий случай проверьте, что в Settings | JavaScript | Libraries стоит галочка Meteor project library.
                                0
                                У меня ругается практически на всё, начиная от в темплейтах на {{ > map}} и заканчивая $(window)… Unresolved function or metod $() или Unresolved variable or type i18n

                                Причём код же работает, ни в браузере в console, ни на сервере ошибок нет…
                                  +1
                                  Конструкция вида {{ > map}} по документации должна быть записана как {{> map}}, и в таком виде у нас все отображается без ошибок. Но если метеор работает и с {{ > map}} мы посмотрим, что можно сделать.
                                  Код $(window) по-видимому использует jQuery. В таком случае jQuery нужно подключить как library см www.jetbrains.com/webstorm/webhelp/configuring-javascript-libraries.html
                                  Если есть другие ошибки, то создавайте issue на youtrack со скриншотом, постараемся все починить.
                                    0
                                    Да, вот на {{> map}} уже не ругается, хотя с пробелом тоже работает, но всё равно ругается на {{> yield region='details' }} — ждёт двойные скобки…

                                    Попробую при случае наделать скриншотов, да…

                                    Спасибо (-:
                                      0
                                      Кроме конструкций вида {{>some… }} еще какие-нибудь ошибки в темплейтах есть?
                                0
                                Еще стоит проверить, что папка .meteor есть в созданном проекте так как мы пытаемся определять метеоровский ли это проект именно по ней.
                                  0
                                  Есть, конечно… и метеор 0.9.1.1
                            0
                            Хотелось бы весьма сильно поддержку react.js
                              +3
                              c JSX
                                +1
                                Сейчас есть подсветка и основные inspections, если включить версию JavaScript в настройках 1.8+, постараемся улучшить в релизу. Можно следить за обновлениями этого ишью.
                              0
                              Здравствуйте. Заинтересовало пост-автодополнение для JavaScript. Будет ли оно доступно в PyCharm?
                              Ведь, насколько я понимаю, у PyCharm и WebStorm общая кодовая база, соответственно в новом релизе все описанное выше должно тоже стать доступным.
                                0
                                Да, все это будет доступно в PyCharm 4.
                                  0
                                  Спасибо, отличные новости. Пользуясь случаем, хотелось бы узнать, есть ли какие-нибудь оценки по времени на 4 версию? Поискал у вас на сайте, но даже пока никаких упоминаний нет.
                                    0
                                    Точно сказать не могу, но думаю, что PyCharm скорее всего присоединится к традиционным осенним обновлениям наших продуктов. Следите за новостями в их блоге: blog.jetbrains.com/pycharm/
                              • UFO just landed and posted this here
                                  +3
                                  По моим наблюдениям разница в количестве кнопок и пунктов там-сям. Т.е. функционал IDEA расширяется плагинами до полноценного PHP Storm и Web Storm, но функционал этих плагинов будет не так тесно встроен в интерфейс. Плюс последние чуть ограничены по сравнению с IDEA. Например проект в IDEA может включать в себя «модули», которые в PHPStorm являются проектами без вложенности. Таким образом разрабатывая платформу с севером на PHP и клиентом под Android можно держать весь код рядом.
                                    +1
                                    Мне кажется лучшая иллюстрация здесь: twitter.com/jetbrains/status/496388902597693441/photo/1
                                      0
                                      В случае WordPress-темы и перечисленных вами технологий вам отлично подойдет PhpStorm.
                                      Грубо говоря: PhpStorm = WebStorm + PHP support + Database tools
                                      • UFO just landed and posted this here
                                      +1
                                      9ая версия — это просто бомба!
                                      Так хотелось postfix templates, поддержки gulp и spyjs для node… И тут все они появились в одном релизе. Большое человеческое спасибо.
                                      Надеюсь для 9го релиза тоже будут проводиться мастер классы вашими евангелистами.
                                        +2
                                        И это еще не все, кое-что мы еще припасли к следующему EAP билду ;)
                                        Да, обязательно организуем вебинар.
                                        0
                                        Очень удивился, когда IDE заметила gulpfile в проекте и позволила запускать таски с интерфейса. Спасибо вам за такое. Но, я, всё-таки, предпочитаю PHPStorm, так как умеет всё то же, что и WebStorm, плюс, собственно, PHP.
                                        Больше всего, для меня, там всегда нехватало Multiline Editing, который, к счастью, добавлен в 8-ой EAP. Да и вообще, надеюсь, что в скоро полной мере появятся простые Sublime-функции, вроде Select Next (ctrl + d) и т.д.
                                          0
                                          Да и вообще, надеюсь, что в скоро полной мере появятся простые Sublime-функции, вроде Select Next (ctrl + d) и т.д.

                                          Такая штука есть (только найти не очень просто и и по умолчанию вроде не назначены клавиши), называется Select Next Ocurrence (Edit > Find). Ну и похожие там же рядом.

                                            0
                                            Да, multiple cursor и select next уже есть в WebStorm 8 и будут в PhpStorm 8, а также все перечисленные в посте фичи. Можно уже попробовать: www.jetbrains.com/phpstorm/nextversion/
                                          0
                                          Жаль, нет официальной поддержки Stylus.
                                            0
                                              0
                                              Действительно. Пользуюсь PhpStorm, там Stylus ставится в виде плагина, из-за его забагованности думал, что он не официальный.
                                                0
                                                Поддержка должна стать лучше в ближайшем апдейте, мы на прошлой неделе сделали немало фиксов. Можно посмотреть тут, что исправили.
                                                  0
                                                  Отлично, спасибо, это должно решить проблемы.
                                                  Теперь бы улучшить поддержку Gulp и будет идеально.
                                            0
                                            Очень хотелось бы знать как лучше всего писать jsdoc комментарии для лучшего автодополнения. Я тут записал видео, может кому пригодится и может мне кто-нибудь из читающих насоветует улучшения. И ещё оч полезно было бы туториал по spy-js для karma.js, а то вроде поддержка заявлена, но что-то не очень понятно как. За все дополнения спасибо, всё оч круто.
                                              +1
                                              Спасибо за видео, мы уже все его посмотрели и обязательно постараемся улучшить работу автодополнения с JSDoc.
                                              А для работы с karma достаточно просто запустить сначала spy-js сессию, а потом запустить тесты. Но мы постараемся сделать небольшой тьюториал и видео об этом в ближайшее время.
                                                0
                                                Счас вот ещё раз попробовал, нужно сначала запустить karma, потом spy-js, потом прогнать тесты ещё раз. Спасибо вам :)
                                                +2
                                                0
                                                Да, кстати, вот вы мне и попались! Пользуюсь вашими продуктами, есть нарекания, которые, по-моему, важнее некоторых новых финтифлюшек. И так, к девятой версии так и не появилось:

                                                • Адекватного менеджмента проектов: главный экранчик позволяет только открыть/добавить проект, невозможно изменить или исправить настройки проекта, переименовать проект и вообще что-то с ним сделать не открывая его. Так же невозможно удалить проект. Нет даже строки быстрого поиска проектов. Плюс стартовое окно не ресайзится, это бесит больше всего, почему вы решили что это окно должно быть такого размера? У меня экран 27 дюймов и я растягивать окна так как я считаю нужным.
                                                • Возможности обратиться в тех поддержку прямо из оплаченного и зарегистрированного приложения, я, конечно, понимаю, что всем хочется писать код, а не заниматься его поддержкой, но вы берете за это деньги.
                                                • На сайте нет кнопки «написать в техподдержку», зато есть кнопка написать продажникам.


                                                А теперь пользуясь случаем багрепорт: FTP-проект не появляется в списке, ничего вообще не происходит. Жму «Create new project from existing files», прохожу все этапы настройки, подключаюсь успешно к удаленному серверу, но никакого отчета об ошибке я не получаю.
                                                  0
                                                  1) не буду говорить за всех, но по-моему, чаще работают с одним-тремя проектами
                                                  2-3) багтрекер же, нет?
                                                    +2
                                                    Добрый день!
                                                    — К WebStorm 9 нет планов переделать Welcome screen, пока только попробовали убрать Create project from existing sources, ваши комментарии учтем на будущее; проект из списка на welcome screen можно ужалить delete'ом (папка не удалится).
                                                    — Обратиться в саппорт можно через сайт, вот прямая ссылка на форму: intellij-support.jetbrains.com/anonymous_requests/new. У нас замечательный инженер, который очень быстро и профессионально вам поможет и не будет у вас спрашивать про лицензию, тк мы не за это берем деньги.
                                                    По поводу проблемы с FTP предлагаю обратиться в наш саппорт или, как посоветовали ниже, написать на youtrack.
                                                    0
                                                    Было бы не плохо добавлять свои темплейты для postfix фичи.
                                                      0
                                                      Обязательно будет такая возможность, но позже.
                                                      0
                                                      Огромное спасибо за posfix! Вы бы знали как я замучился набирать console… конец мучениям!
                                                      (делать алиасы можно было не во всех проектах).
                                                        0
                                                        А когда выйдет в релиз WebStorm 9?
                                                        Если купить 8 версию, можно бесплатно обновиться до 9-ой или лучше подождать релиза 9-ки и купить ее?
                                                          +1
                                                          WebStorm 9 будет позже осенью.
                                                          WebStorm идет с годовой подпиской на обновления. Так что если купите сейчас, то автоматически получите 9 версию и скорее всего еще и 10.

                                                        Only users with full accounts can post comments. Log in, please.