• Техногрет
  • Eclipse: редактирование JavaScript в Spket IDE

    HTML и CSSXSLTJavaScriptИзображенияСофтEtc
    Сергей Чикуенок

    15 октября 2008


    Задача.

    Показать основные возможности редактирования JavaScript в Spket IDE.


    Основные возможности:
    — Отличный code assist для всех типов данных, учитывающий текущую область видимости.
    — Форматирование кода.
    — Поддержка code templates.
    — Поддерживает и понимает JSDoc:

      /** * @param {String} param */ function test(param) { param. // Ctrl+Space покажет список методов класса String }

    — В том числе поддерживает inline-комментарии с типами данных:

      $('div').click(function(/* Event */ evt){ evt. //Ctrl+Space покажет список методов класса Event });

    — Дополнительные JSDoc-конструкции:

      @type {Element[]} — массив объектов класса Element
      @type {myFunc()} — означает, что переменная содержит результат работы функции myFunc()
      @include "path/to/file.js" — подключение внешнего файла для code assist


    — Поддерживает современные фреймворки: jQuery, Prototype, YUI и т. д.
    — Сам следит за возвращаемым результатом функции:

      function myFunc() { return { prop: 'hello world', showProp: function(){ alert(this.prop); } } }
      myFunc(). // code assist покажет prop и showProp

    — Понимает современные паттерны, например:

      var obj = (function(){ function secretMethod(message) { alert(message); }
      return { useSecretMethod: function(){ secretMethod('hello world'); } } })();
      obj. //code assist и outline покажут метод useSecretMethod

    — JavaScript отладчик для IE.
    — Отдельный редактор для JSON.
    — Адекватный разработчик, оперативно вносящий исправления и улучшения.




    Дополнительные материалы:

    — Скринкаст (Квиктайм, 63,2 МБ)

    — Документация для jQuery в формате JSDoc для подключения в JavaScript Profiles (будет обновляться, дополняться и переводиться на русский язык) (Ява-скрипт, 14,5 КБ)

    — Документация для Canvas (Ява-скрипт, 38,5 КБ)