質問

Newbeの質問:バックボーンボイラープレートをからダウンロードしました https://github.com/david0178418/backbonejs-amd-boilerplate それはrequire.jsを使用します、そして、私は開発中のコードナビゲーションについて疑問に思います。

私の質問は次のとおりです。

ビュー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;
            }
        });
    }
);

今私が開発したとき(私はintellijを使用しています)私は中央クリックをしたいです Mainview 拡張ビューで、プロジェクトツリーを閲覧することなくコードに移動します。

このボイラープレートを使用して可能ですか?より良いアプローチやより良いボイラープレートはありますか?

役に立ちましたか?

解決 2

これは私にとって正常に機能することがわかりました。バックボーンオブジェクトはカスタムオブジェクトで包まれているため、コードをナビゲートし、オブジェクトを拡張し、複数のファイルを簡単に保持できます。

方法は次のとおりです。

オブジェクト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()
};

他のヒント

NetBeansのナビゲーターにすべての方法を見せてほしいです。

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

しかし、私はそれを機能させることができないようです。 Googleは@Lendsのために何かを思いつきましたが、BackBone.jsにコードヒントキャッシュにロードされることさえできません。

最終的にWebStorm(すべてのegghead.ioチュートリアルでIDEを見た)になり、ナビゲーターにすべてのメソッドとプロパティをリストしてもらいました。

参考までに、Aptana Studio、Zend StudioはNetBeansのようなものを見せませんでした。 JavaScript Web開発者のEclipse IDEは、部分的に(実際の生活では非現実的)機能します。階層全体を平らにします。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top