Requirements
 
Prerequisite knowledge
Prior knowledge of ColdFusion Builder 1.0/2.0/2.0.1 would help in understanding the enhancements. However, that is not a must-have. A general understanding of ColdFusion, CFML and expectations from an IDE would suffice.
 
User level: All
 
 
 
Required products
 

 
Introduction

Adobe ColdFusion Builder 3, the new major, feature-rich version of ColdFusion Builder focuses on the brand new hybrid editor thus bringing in the much needed performance and stability boost, providing end-to-end tooling capabilities for mobile application development.
 
This article introduces the new features in ColdFusion Builder 3. Since it is not possible to cover every feature in depth in this article, I recommend referring to other feature-specific articles on Adobe Developer Connection or reading the ColdFusion Builder 3 documentation for more information about individual features.
 

 
Feature themes of ColdFusion Builder 3

  • Build web applications quickly
  • Embrace trending mobile application development technologies
  • New platform support – Linux
 
Building web applications quickly
  • Removing Aptana and complete editor re-write, to ensure speedy editing experience, especially on large files
ColdFusion Builder is no longer based on Aptana, and hence it is a complete re-write for all new editors for HTML, JS, CSS, XML & CFML. Since it has been written from scratch, we have kept special focus on doing away with performance and stability issues. You could see the performance improvements while working with very large files as well.
 
  • New rich hybrid editor with code assist for CFML, HTML, JS & CSS
CFML code assist and CFC introspection continue to work as in ColdFusion Builder 2.0.1.
Figure 1: CFML code assist and CFC introspection continue to work as in ColdFusion Builder 2.0.1.
 
ColdFusion Builder has support for all new HTML5 tags and elements.
Figure 2: ColdFusion Builder has support for all new HTML5 tags and elements.
 
A screenshot of the new values of input types in HTML5.
Figure 3: A screenshot of the new values of input types in HTML5.
 
This is how the code assist for JavaScript looks.
Figure 4: This is how the code assist for JavaScript looks.
 
One more screenshot of JavaScript code assist.
Figure 5: One more screenshot of JavaScript code assist.
 
Screenshot of JavaScript code assist for included .js files.
Figure 6: Screenshot of JavaScript code assist for included .js files.
 
One more example of JavaScript code assist on included .js files.
Figure 7: One more example of JavaScript code assist on included .js files.
 
ColdFusion Builder supports code assist for CSS properties and property values.
Figure 8: ColdFusion Builder supports code assist for CSS properties and property values.
 
Screenshot of property values for background-color.
Figure 9: Screenshot of property values for background-color.
 
Screenshot of property values for font-family.
Figure 10: Screenshot of property values for font-family.
 
CSS code assist is supported for all syntaxes of defining styles.
Figure 11: CSS code assist is supported for all syntaxes of defining styles.
 
  • Support for new language enhancements in ColdFusion 11
Code assist shows up new tags related to cfclient.
Figure 12: Code assist shows up new tags related to cfclient.
 
Code assist shows up new functions added in ColdFusion 11.
Figure 13: Code assist shows up new functions added in ColdFusion 11.
 
Code assist shows up new tags added in ColdFusion 11.
Figure 14: Code assist shows up new tags added in ColdFusion 11.
 
  • Code assist for cfclient APIs
Support for code assist on cfclient properties.
Figure 15: Support for code assist on cfclient properties.
 
Support for code assist on cfclient APIs.
Figure 16: Support for code assist on cfclient APIs.
 
  • JavaScript code assist in <cfclient> blocks.
Example of interspersed JS & CFML code assist in cfclient blocks.
Figure 17: Example of interspersed JS & CFML code assist in cfclient blocks.
 
Example of JS code assist in cfclient blocks.
Figure 18: Example of JS code assist in cfclient blocks.
 
More example of interspersed JS & CFML code assist in cfclient blocks.
Figure 19: More example of interspersed JS & CFML code assist in cfclient blocks.
 
Example of JS code assist for included .js file within cfclient block.
Figure 20: Example of JS code assist for included .js file within cfclient block.
 
Support of interspersed CFML & JS code assist within cfscript.
Figure 21: Support of interspersed CFML & JS code assist within cfscript.
 
  • Customizable editor toolbar
The editor toolbar now comes with some default UI shortcuts, but can be customized as per users’ needs. This applies to toolbar for CFML, HTML, JS and CSS files.
Figure 22: The editor toolbar now comes with some default UI shortcuts, but can be customized as per users’ needs. This applies to toolbar for CFML, HTML, JS and CSS files.
 
Screenshot shows the wizard for adding new UI shortcut in the editor toolbar.
Figure 23: Screenshot shows the wizard for adding new UI shortcut in the editor toolbar.
 
  • Built-in ColdFusion server within ColdFusion Builder
A default ColdFusion 11 development server now gets auto-installed and auto-added in your ColdFusion Builder. This facilitates one to get started with development straightaway without having to worry about a server installation and configuration. The only thing user needs to do is to associate the server with the project he/she is working on.
Figure 24: A default ColdFusion 11 development server now gets auto-installed and auto-added in your ColdFusion Builder. This facilitates one to get started with development straightaway without having to worry about a server installation and configuration. The only thing user needs to do is to associate the server with the project he/she is working on.
 
 
Embrace trending mobile application development technologies
  • Mobile project wizard & Mobile project templates
You can start the wizard from File->New->ColdFusion Mobile Project menu option. Alternatively, you can right-click on project navigator and select New->ColdFusion Mobile Project. The mobile project wizard has two types of templates – System and User. System templates come bundled with ColdFusion Builder, and help you get started with creating mobile projects fast. Currently there are only few, we might add more templates in future. If you want to create your own custom templates, User templates is the way to go.
 
For detailed reading on Mobile Project templates, please refer to ColdFusion engineer Milan’s blog on Adobe ColdFusion blog.
 
Screenshot for Mobile Project Wizard -> Templates.
Figure 25. Screenshot for Mobile Project Wizard -> Templates.
 
Screenshot for Mobile Project Wizard ->Mobile Project creation.
Figure 26: Screenshot for Mobile Project Wizard ->Mobile Project creation.
 
Note: For detailed information on Building ColdFusion Mobile Application , please refer to Adobe wikidocs.
 
 
Develop, test, debug and deploy mobile applications easily
  • Package mobile application for Android & iOS
You can package mobile application by – Right click on CF Mobile Project name in project navigator -> Generate PhoneGap Build. You can create Android and/or iOS package of your mobile application.
 
Screenshot of menu item ‘Generate PhoneGap Build’.
Figure 27: Screenshot of menu item ‘Generate PhoneGap Build’.
 
  • Preferences settings for PhoneGap build
In order to select files to be included while packaging the mobile application and to set various PhoneGap properties – Right click on mobile project name ->Properties->ColdFusion Mobile Project. You can see various tabs like Resource Selection, PhoneGap, Inspect and Miscellaneous.
 
Screenshot of Resource Selection tab.
Figure 28: Screenshot of Resource Selection tab.
 
fig29
Figure 29: Screenshot of PhoneGap tab.
 
  • PhoneGap status view
You can view the PhoneGap builds generated in PhoneGap status view. You can also download the builds from this section.
 
Screenshot of PhoneGap status view.
Figure 30: Screenshot of PhoneGap status view.
 
Note: For detailed information on Packaging ColdFusion Mobile Application , please refer to Adobe wikidocs.
 
  • Debug mobile application
Using the ColdFusion Builder client side debugger, you can debug both a packaged as well as a shell application. You can set breakpoints, view variables, evaluate expressions, do step operations on client side CFML code.

In order to debug a shell application, Right click on project name->Debug as ->ColdFusion Client Applications. This will launch the client side debugger. When you run your mobile application, execution will stop at breakpoints that have been set within cfclient code blocks.
 
Screenshot of generating a debug build.
Figure 31: Screenshot of generating a debug build.
 
Screenshot of launching client debugger.
Figure 32: Screenshot of launching client debugger.
 
Note: For detailed information on Inspecting ColdFusion Mobile Application , please refer to  Adobe wikidocs.
 
  • Inspect packaged mobile applications
In order to inspect a packaged mobile application, you need to start the Weinre server from ColdFusion Administrator. Then ColdFusion Builder needs to be configured with Weinre Server URL in mobile project properties. Then right click on mobile project name -> PhoneGap Debug->Generate Inspect Build. You can inspect both packaged and web based mobile applications.
 
Screenshot of starting Weinre server in ColdFusion Administrator.
Figure 33: Screenshot of starting Weinre server in ColdFusion Administrator.
 
Screenshot of configuring ColdFusion Builder with Weinre Server URL.
Figure 34: Screenshot of configuring ColdFusion Builder with Weinre Server URL.
 
Screenshot of generating the Inspect build in ColdFusion Builder.
Figure 35: Screenshot of generating the Inspect build in ColdFusion Builder.
 
Note: For detailed information on Debugging ColdFusion Mobile Application , please refer to  Adobe wikidocs.
 
 
New platform support – Linux
  • ColdFusion Builder is supported on Linux now.

 
Features from CFB2.0.1 available in ColdFusion Builder 3

  • Code assist
  • Code navigation
  • Code Folding
  • Code Formatting
  • Code colorization
  • CFC introspection, Project level CFC variables mapping
  • Code hyperlinking
  • Snippets
  • Outline View & Quick Outline
  • File View
  • Log Viewer
  • FTP Synchronization
  • Extensions
  • Project Support
  • Server Manager

 
Features from CFB2.0.1 not available in ColdFusion Builder 3

  • Quick Fix in CFML editor
  • CF Advanced Find & Replace
  • Persisting code folding in CFML editor