If you work on large projects with dozens of Flex modules (or facets) you’ll like this new feature of IntelliJ IDEA 9.0.2, which lets shorten project build time by compiling several independent Flex modules (facets) in parallel.
To enable this feature go to Settings (Ctrl+Alt+S), Compiler node and then Flex Compiler page:
Let’s have a closer look at this feature. (more…)
Writing JavaScript/ActionScript/Flex code becomes easier with upcoming IntelliJ IDEA 9.0.2. New set of live templates (see Settings dialog (Ctrl+Alt+S), Live Templates, JavaScript/ActionScript group), allows to avoid tedious typing when you need to loop over an Array, Vector or anything else. Luckily, some abbreviations are the same as with Java: iter, itar, ritar. Here’s the list of currently available live templates:
| Abbreviation | Description |
|---|---|
| iter | Iterate (for each..in) |
| itin | Iterate (for..in) |
| itar | Iterate elements of array |
| ritar | Iterate elements of array in reverse order |
If you are working with Flexmojos Maven projects in IntelliJ IDEA 9, and have imported Flexmojos project as described in this post, and are planning to debug your application and browse through Flex SDK sources, this post is a must-read for you. Inside you will find details on how to configure IntelliJ IDEA so that it properly recognizes SDK sources and their ASdocs.
If you read our recent posts on ActionScript/Flex refactorings, you might have noticed that UML diagramming in freshly released IntelliJ IDEA 9 works not only for Java. That’s right, you can use it to analyze your ActionScript and Flex classes.
Editing CSS files in Flex applications becomes easier with the help of some new Maia features.
First, completion for CSS selectors, properties, and property values. For example, if you press Ctrl+Space in this context, you get all class names from
a default namespace http://www.adobe.com/2006/mxml + global selector:
If a CSS property has a color format, IntelliJ IDEA helps you to select a color:
You can look up documentation for default Flex CSS selectors and properties. Just press Ctrl+Q in editor or completion pop-up window:
You may easily navigate from CSS properties and selectors to their declarations in ActionScript. All you need is to press Ctrl+B. Note that if there are several declarations to navigate, you will see a pop-up list.
Also, IntelliJ IDEA provides validation of CSS selectors and properties:
Note that these features are available only in CSS and MXML files under a Flex module, or module with a Flex facet.
GraniteDS technology allows to create enterprise web applications with Flex at client side and Java at server side. With IntelliJ IDEA you can develop GraniteDS projects with complete coding assistance both for Flex and Java, compile, deploy, run, and debug both client and server side in just few clicks!
Let’s create an IntelliJ IDEA project for Hello World example from GraniteDS developer guide. You may configure a project yourself or download it here
(more…)
In addition to other refactorings, Maia also has this useful refactoring: push members down the classes hierarchy.
Again, let’s try it on a simple example.
Sometimes when you are editing JavaScript/ActionScript code, you need to remove, say, an enclosing if statement without touching a current code block.
In Maia you can just invoke Unwrap/Remove action (Control+Shift+Delete in Windows keymap), which allows to precisely select which construct to unwrap:
Voila! The edited code block is unwrapped and in place!
BTW, this handy action works in XML/HTML/JSP files, where it removes enclosing tags.
Enjoy developing with pleasure!
Next Maia’s EAP will bring you new refactoring that helps to be more productive when coding ActionScript or Flex.
Now you can easily move static methods, properties, fields and constants between AS classes and Mxml components: just place caret on a member (or a reference to it) and hit F6 (Move action).
Twitts about IntelliJ IDEA
