バックボーンJSボイラープレートとコードナビゲーションの使用
-
28-10-2019 - |
質問
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は、部分的に(実際の生活では非現実的)機能します。階層全体を平らにします。