LESS IDE integration



Built in support for LESS.


Follow instructions here: http://www.normalesup.org/~simonet/soft/ow/eclipse-less.fr.html

When using this plugin, use @import without the url() notation.
This is still valid:

@import '../imports/less_demo.clearfix.css.less';

Drupal Plugin for NetBeans

What is NDDT (NetBeans Drupal Development Tool)?

From its github site:

NDDT is a module for the NetBeans IDE that aides in the development of Drupal module and theme development. It provides rapid access to all the core Drupal hooks and theme override functions.

Basic Things the NetBeans IDE Drupal Plugin provides

Quickly Stub-Out Blank Module and Theme folders and files

screenshot of Netbeans IDE for Drupal
To stub out blank module or theme folders and files under the "custom" folder:

  1. Open the NetBeans Projects pane and right-click on the sites/all/modules/custom folder
  2. Select New > Other > PHP > Drupal Module (or Drupal Theme)
  3. Fill out the module name
  4. Observe that the plugin will create a subfolder where specified, appropriately-named files, and open the files in NetBeans IDE editor for you

Drupal Code Completion

  • Theme hooks
  • Module hooks
  • ...

Where to get the NetBeans IDE Plugins for Drupal

There exist both Drupal 6.x and 7.x plugins for NetBeans. At this time, only D6 plugin shows within the NetBeans plugin finder. To pick up the D7 NetBeans plugin, visit the plugin developer's git-hub project page:

Configuring PHPStorm 3.0 to debug with Xdebug


This Article explains you how to configure your PHPStorm to work with your local installation of Drupal and debug using XDebug.
If you would like to know how install Drupal or Acquia drupal or XDebug please refer to the hundreds of articles already published.

Installing PHPStorm

  1. Download trial PHPstorm http://www.jetbrains.com/phpstorm/
  2. Install...

Create a Project

It is assumed you already have a full Drupal environment which includes: Apache, MySQL, PHP, Drupal and XDebug
So as a result we have two assumptions:

  • Your local drupal site is at http://mylocalsite (usually its http://localhost)
  • your local drupal code is at c:\path\to\my\local\code
    which is also the DocumentRoot for mylocalsite vhost config in Apache.

So here is what you need to do:

  1. File --> New Project from Exisiting Files
  2. Choose Web Server is installed locally, source files are located under its document root --> Next
  3. enter the path your local Drupal code c:\path\to\my\local\code
  4. Local Server:

Configuring Sublime Text

Sublime Text is a sophisticated text editor for code, html and prose. You'll love the slick user interface and extraordinary features.

Sublime Text is available for OS X, Windows and Linux.


screenshot sublime text


For linux and mac users there is a script to auto configure your sublime at Sublime Drupal.

Go to "Preferences" => "Settings - User" and change the following settings:

  "rulers": [80],
  "tab_size": 2,
  "translate_tabs_to_spaces": true,
  "use_tab_stops": true,
  "trim_automatic_white_space": true,
  "trim_trailing_white_space_on_save": true,
  "ensure_newline_at_eof_on_save": true,
  "fallback_encoding": "UTF-8",
  "default_line_ending": "unix",
  "shift_tab_unindent": true,
  "word_separators": "./\\()\\"'-:,.;<>~!@#%^&*|+=[]{}`~?"

Enabling whitespace characters

Optionally, you could also add add a setting to view whitespace characters to the end of the code settings (found above):

"draw_white_space": "all"

Useful plugins

    Subscribe with RSS Subscribe to RSS - IDE