JetBrains IntelliJ IDEA Blog

Since IntelliJ IDEA 11 the Mark Object action, which was previously available in JVM-based debuggers only, is also supported in JavaScript debuggers for Firefox and Chrome browsers. To mark an object press F11 on the corresponding node in any debugger tree and specify the label:

After that the labeled object will be marked accordingly in all debugger views:

By the way this feature also works in Flex debugger starting from IntelliJ IDEA 10.5.

Did you know what in IntelliJ IDEA 10.5 you can mark a directory as a Source Root or a Test Source Root right from the Project View?

In IntelliJ IDEA 11 you also can create a library without opening the Project Structure dialog: just select jar files in the Project Structure and choose ‘Add as Library…‘ in the context menu:

The IDE will create a new library and will add it to the dependencies list of the selected module:

When you debug JavaScript code in IntelliJ IDEA 11 you can see the most important properties of an object without expanding its node:

By default the ‘id’ and ‘name’ properties are shown for each object but you can add your own properties in Settings | Debugger | JavaScript:

This feature works for both Firefox and Chrome JS debuggers.

Let us know what you think!

Ultimate Edition of IntelliJ IDEA provides an additional way of inspecting the project structure — the diagram of module dependencies. To open it just press Ctrl+Alt+Shift+U or invoke Diagrams | Show Diagram from the context menu on a module node in Project View or Navigation Bar.

IntelliJ IDEA 11 adds the ability to edit module dependencies using the diagram: press Delete on an edge to remove dependency or press Alt+Insert to add a new one.

Your feedback is very welcome, as usual.

IntelliJ IDEA 10 allows you to debug JavaScript code running it in Mozilla Firefox. In IntelliJ IDEA 10.5 can choose to debug JavaScript in Google Chrome as well.

Debugger for Chrome supports all features of JavaScript debugger for Firefox, you can set breakpoints, inspect local variables, evaluate expressions and so on:

If you use Chrome for web browsing and want to debug in it simultaneously you can configure IntelliJ IDEA to use a separate Chrome user profile in ‘IDE Settings | Browser | Chrome‘:

To configure the default debugging browser just edit the ‘JavaScript Debug’ configuration under ‘Defaults’ section.

Download IntelliJ IDEA 10.5 EAP, try the new JS debugger and let us know what you think.

Off-topic: debugging JS in FireFox 4 is supported since IntelliJ IDEA 10.0.3.

IntelliJ IDEA 10 includes an option to setup an application server right in the New Project Wizard. You only need to specify a directory where the server is installed:

IntelliJ IDEA will create a sample application, setup it accordingly for the selected server and will add a corresponding Run Configuration. Once project is created you can just click Run button to start the server.

Since the last EAP build IntelliJ IDEA X provides an action to quickly create a single Jar artifact containing your modules with all dependencies. Just press ‘+’ button in the Project Structure dialog and select the appropriate item:

IntelliJ IDEA shows a dialog allowing you to customize the artifact:

After that you can build the Jar file using Build | Build Artifact menu item.

Note that by default all libraries are extracted to the target Jar. It became possible with addition of the new Extracted Directory element. Using such element you can extract a directory from a Jar file and place it into the output of your artifact:

If you use GWT Compile Reports to analyze your GWT Application IntelliJ IDEA 10 will make this task easier. Using Tools | Generate GWT Compile Report action you can now generate a report and open it in the browser directly from IntelliJ IDEA:

If you use Client Bundle interface in a GWT application, you will enjoy an advanced navigation and coding assistance that IntelliJ IDEA 10 provides.

ClientBundle methods will be marked with icons allowing you to quickly navigate to a corresponding resource:

For interfaces implementing CssResource IntelliJ IDEA will also check that Java interfaces methods are consistent with CSS classes 

and will suggest to automatically add missing methods:

Download IntelliJ IDEA X EAP builds to try this new feature.

IntelliJ IDEA 9 allows you to complete tags for components with namespaces imported in the current GWT ui.xml file.

In IntelliJ IDEA 10 you can complete component even if it is not imported yet. Just press Ctrl+Space twice and IntelliJ IDEA will search for components across the whole project and libraries:

After pressing Enter the IDE will complete the selected component and insert the appropriate namespace declaration for it:

Try IntelliJ IDEA EAP and code faster!