Blog

Brackets Sprint 21 Build

Download Sprint 21: http://download.brackets.io

The Brackets sprint 21 build is now available for download. This release includes new JavaScript code hinting; our first step towards next generation JavaScript code intelligence. Under the hood, Brackets now includes Node.JS, a robust and capable server that is being used to power Live Development.

JavaScript Code Hinting

For the past couple of sprints we’ve been prototyping the start of JavaScript code intelligence in Brackets. Like most of the Brackets core features, we developed this new functionality as an extension so it could be easily dropped into any version of Brackets. In Sprint 21 we merged that extension into core and closed the medium and high priority issues.

When editing a JavaScript file, Brackets will provide code hinting for variables, function parameters, properties, keywords and some built-in string literals. What’s different from other editors is that Brackets uses color to describe the importance of each option. In general, “green means go”. When looking-up a property, green entries are properties that have been used in a similar context. For non-property look-ups, the color indicates the scope; green = current scope, yellow = parent scope and blue = grandparent scope. Keywords are light-gray while globals are italicized.

JavaScript Code Hinting

Of course, this is just the beginning. The Brackets team was recently joined by a team of compiler and virtual machine experts at Adobe. Over the next few months we hope to break new ground in JavaScript code intelligence.

Live Development with Node.js

By default, live development now serves your project via http://localhost powered by a built-in Node.js webserver. In previous builds, live development was hosted through file:// urls which could cause problems when integrating with external services like Typekit.

The inclusion of Node.js in Brackets opens up a number of possibilities. We will be using Node to power live HTML development, but we’ll also be able to tap into the power of npm and leverage community projects like grunt, Yoeman and stylus. The community has already started hacking away. An extension released by Jon Rowy uses the built-in server to bring live development to PHP and Drupal.

Extras

You can check out the release notes for the complete list, but here are a few notable features that landed in sprint 21.

  • Extensions can now provide deeper language support by specifying new file types, syntax highlighting, code commenting and much more.
  • SASS/SCSS syntax highlighting.
  • Drag files to toolbar icon to open files on OSX.
  • Drag file directly into Brackets to open on Windows.

From the Community

As always, the Brackets community contributed much to sprint 21. We try and do our best to highlight their awesome work here on the team blog, we wanted to everyone who uses Brackets to recognize their awesomeness. Now every Brackets contributor is listed dynamically listed in the “about” dialog!

Made with love and JavaScript by web developers like you!

What’s Next

In sprint 22 we will begin work on a new extension management system that we hope to complete by summer. We’re also going to focus on improving the robustness of live development and close out some legacy bugs.

6 Responses


5 Comments

  1. hartum says:

    Bravoooooo!!!

    This editor is comming up in something brilliant.
    Is very near to replace “SublimeText” in my list of favorite tools.

    Go on Team.

    *Sorry for my english

  2. Etinne says:

    Nice ! Do you know codeacademy.com ? They use a similar code editor for their tutorials. Maybe their source code could give you few ideas for browser compatibilities ?

  3. Rahmat says:

    I try to use the live PHP server but to no avail, any documentation on how to use it?

  4. stepsha says:

    Great work already replaced Sublime 😉

  5. […] I chose a simple ColdFusion demonstration because I already had an existing code sample I could reuse, however this will work with PHP, NodeJS, or other server side scripting libraries. The latest builds of brackets even have NodeJS built directly into it. […]

One Trackback


    Warning: call_user_func() expects parameter 1 to be a valid callback, function 'thematic_pings' not found or invalid function name in /home/wp_twqxv4/blog.brackets.io/wp-includes/class-walker-comment.php on line 180

Post a Comment

Your email is never published nor shared. Required fields are marked *

You may use these HTML tags and attributes <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*
*


5 − one =