I am using knockout js in my simple application. knockout js works fine in my application. My problems is why VS 2013 or WebStorm does not show any intellisense for knockout? Also it shows intellisense for jQuery.
Currently my codes is :
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="Scripts/jquery-1.9.0.js"></script>
<script type="text/javascript" src="Scripts/knockout-3.0.0.js"></script>
<script type="text/javascript">
$(function() {
$("#jqueryTestId").html("Hello world, From jquery.");
});
</script>
</head>
<body>
<div>
name: <input type="text" data-bind="value: name"/> <br/>
You've clicked <span data-bind="text: numberOfClicks"></span> times
<button data-bind="click: incrementClickCounter">Click me</button>
</div>
<div id="jqueryTestId">
</div>
<script type="text/javascript">
var viewModel = {
numberOfClicks : ko.observable(0),
name : ko.observable(""),
incrementClickCounter : function() {
var previousCount = this.numberOfClicks();
alert(this.name("TestName"));
this.numberOfClicks(previousCount + 1);
}
};
ko.applyBindings(viewModel);
</script>
</body>
</html>
In WebStorm it does not show any intellisense. But in VS 2013 it only shows ko in suggested list, but does not show observable function like:
ko.observable();
How I can enable intellisense?
I am using knockout js in my simple application. knockout js works fine in my application. My problems is why VS 2013 or WebStorm does not show any intellisense for knockout? Also it shows intellisense for jQuery.
Currently my codes is :
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="Scripts/jquery-1.9.0.js"></script>
<script type="text/javascript" src="Scripts/knockout-3.0.0.js"></script>
<script type="text/javascript">
$(function() {
$("#jqueryTestId").html("Hello world, From jquery.");
});
</script>
</head>
<body>
<div>
name: <input type="text" data-bind="value: name"/> <br/>
You've clicked <span data-bind="text: numberOfClicks"></span> times
<button data-bind="click: incrementClickCounter">Click me</button>
</div>
<div id="jqueryTestId">
</div>
<script type="text/javascript">
var viewModel = {
numberOfClicks : ko.observable(0),
name : ko.observable(""),
incrementClickCounter : function() {
var previousCount = this.numberOfClicks();
alert(this.name("TestName"));
this.numberOfClicks(previousCount + 1);
}
};
ko.applyBindings(viewModel);
</script>
</body>
</html>
In WebStorm it does not show any intellisense. But in VS 2013 it only shows ko in suggested list, but does not show observable function like:
ko.observable();
How I can enable intellisense?
Share Improve this question edited Jan 13, 2017 at 13:44 wonea 4,97917 gold badges91 silver badges143 bronze badges asked Feb 1, 2014 at 21:41 Seyed Morteza MousaviSeyed Morteza Mousavi 6,9639 gold badges46 silver badges71 bronze badges 3- possible duplicate of Intellisense doesn't work for JS in VS2013 – PW Kad Commented Feb 1, 2014 at 23:03
- @PWKad i test VS for jQuery but its intellisense works fine – Seyed Morteza Mousavi Commented Feb 2, 2014 at 7:34
- 2 For WebStorm, your best bet is to configure Knockout as a library like: jetbrains./webstorm/webhelp/…. From the Libraries dialog, click Download..., then switch the dropdown to "TypeScript munity stubs", and pick the Knockout one. This will give you the best intellisense. – RP Niemeyer Commented Feb 2, 2014 at 17:53
2 Answers
Reset to default 8You just have to use the debug version of KnockoutJS i did and it autopleted very well:
<script type="text/javascript" src="js/knockout-3.2.0.debug.js"/>
Knockout Debug Version
Hope this Fix your problem :)
Also this works well for "data-bind" tags: link
Using knockout.d.ts configured as a javascript library in Settings/libraries/javaScript, as @RP Niemeyer has suggested, is the best solution for WebStorm. Using minified knockout-3.0.0.js as a library doesn't currently work - see WEB-10723