с использованием Backbone JS-шаблона и кода навигации

Question

a newbe вопрос: Я скачал базовый шаблон с https://github.com/david0178418/BackboneJS-AMD-Boilerplate, он использует require.js, и мне интересно о навигации по коду во время разработки.

Вот мой вопрос: скажем, у меня есть 2 просмотры один удлинить друга, как:

Вид 1:

define([ 
    'underscoreLoader', 
    'backboneLoader', 
    'text!templates/main.html' 
], 
    function (_, Backbone, MainTemplate) { 
     "use strict"; 

     return Backbone.View.extend({ 
      template:_.template(MainTemplate), 

      initialize:function() { 
       this.render(); 
      }, 

      log:function(msg){ 
       console.log(msg); 
      }, 

      render:function() { 
       this.$el.append(this.template({})); 
       return this; 
      } 
     }); 
    } 
); 

Вид 2:

define([ 
    'underscoreLoader', 
    'backboneLoader', 
    'text!templates/other.html', 
    'views/main-view' 
], 
    function (_, Backbone, MainTemplate,MainView) { 
     "use strict"; 

     // how would you navigate to MainView (main-view.js) 

     return MainView.extend({ 
      template:_.template(MainTemplate), 

      initialize:function() { 
       this.render(); 
      }, 

      render:function() { 
       this.log("my message"); 
       this.$el.append(this.template({})); 
       return this; 
      } 
     }); 
    } 
); 

Теперь, когда я develop (я использую IntelliJ), я бы хотел щелкнуть средним щелчком мыши MainView в расширенном виде и перейти к коду без необходимости просмотра дерево проекта.

Возможно ли использование этого шаблона? есть ли лучший подход или лучший шаблон?

Answer 1

Я нашел это подходящим для меня: Объекты Backbone обернуты моими пользовательскими объектами, что позволяет мне перемещаться по коду, расширять объекты и легко хранить несколько файлов.

Вот как:

Объект 1

function ItemModel() { 
    ItemModel.model = (
     Backbone.Model.extend({ 
      initialize:function() { 

      }, 
      defaults:{ 
       name:"item name" 
      }, 
      log:function(){ 
       console.log("inherited method"); 
      } 
     }) 
     ); 
    return new ItemModel.model(); 
} 

Объект 2

function ItemModel2() { 
    ItemModel2.model = (
     ItemModel.model.extend({ 
      initialize:function() { 

      }, 
      defaults:{ 
       name:"item name2" 
      } 
     }) 
     ); 
    return new ItemModel2.model(); 
} 

и в моем приложении:

var App = { 
    item:new ItemModel(), 
    item2:new ItemModel2() 
}; 

Answer 2

Я бы очень хотел, штурмана Netbeans, чтобы показать мне все методы:

var New_Controller = Backbone.View.extend({ 
    el : null, ... 
} 

Но я не могу заставить его работать. Google придумал что-то для @lends, но я даже не могу заставить Backbone.js загрузиться в кеш-код подсказки.

Я закончил установку WebStorm (я увидел IDE во всех уроках egghead.io), чтобы заставить навигатор перечислить все методы и свойства.

FYI, студия Aptana и студия Zend не показали ничего, как Netbeans. И Eclipse IDE для JavaScript Web Developers работает только частично (непрактично в реальной жизни); он выравнивает всю иерархию.