ExtJS in Visual Studio (2010)

Question

Two questions:

1. How can I get JavaScript IntelliSense for ExtJS?
2. Are there any good tools (e.g. Extensions, NuGet packages) for working with ExtJS in Visual Studio?
3. Are there any good tools (e.g. Add-on Extensions like FireBug) for working with ExtJS in Firefox?

Answer 1

To use intellisense in VS 2010 you need to reffer which files should be loaded for intelli sense. You can archive this with references in the docs where you want to use intelli sense:

/// <reference path="ScriptFile1.js" /> 
/// <reference path="Scripts/ScriptFile2.js" />
/// <reference path="../ScriptFile3.js" />
/// <reference path="~/Scripts/ScriptFile4.js" />

for more information on intellisense take a look at the MSDN

For the tools part;

Edit

To Update on highlighting, braces, aso :

Javascript tools is a great package directly by Microsoft

editend

Javasript Parser does a great work for me when writing

For testing & Debugging Firebug is the best you get in my opinion, but you can also use the IE developer tools(install only required for older IE, prior 8 if I am not mistaking) for debugging.

Answer 2

I have found these extensions useful when working with ExtJS in Visual Studio:

• Javascript Parser - makes it easy to find functions, shows todo comments
• JSLint.VS2010 - code analysis, helps avoid coding mistakes

Answer 3

try this http://www.dxdframework.com/, it's ext 3 integrated with msvs2010, examples are still for msvs2008, but as i know documentation will be updated soon. wiki: http://wiki.dxdframework.com/AllPages.aspx

Answer 4

Best resources for wiring up IntelliSense for EXTJS in VS 2010+ is here:

http://gurustop.net/blog/2012/03/03/javascript-js-intellisense-auto_complete-in-visual-studio-11-beta-the-web-_references-js-file/

Note the "Updated" comment at the bottom:

"...you can add files to the global JavaScript intellisense from the Visual Studio Tools –> Options Dialog."

This worked for me after I added "ext-all-debug-w-comments.js" to the list and turned off Resharper's IntelliSense for JS files only.

Answer 5

To answer point #2, I highly recommend Ext.Net for working with ExtJS in Visual Studio, assuming you are using ASP.NET.