Develop Tab

The "Develop" tab provides a built-in code editor, lists your project files, lets you explore web services and preview live source changes. This topic summarizes the features available under the Develop tab and provides links to detailed information. The Intel XDK tools automatically detect when project files are changed (as the result of a save if you are using an external editor) and will prompt you if additional actions are required due to changes to project files.

NOTE: If you have opened a Node.js IoT project your Develop tab will look differently than the one shown below for HTML5 project types. In the case of a Node.js IoT project you will only see the Projects and Develop tabs. For Node.js IoT projects see the IoT Projects Develop Tab.

Code Editor

IMPORTANT: the Intel XDK App Designer component (aka the UI layout tool) has been retired. Existing App Designer projects can be opened and edited, but you cannot create new App Designer projects.

The Develop tab provides a build-in code editor based directly on the Brackets HTML5 editor. When viewing your source files you can see the files in your project directory, web services, the source code edit window and the Brackets extension icon bar. You can also edit project files with your favorite code editor, alongside the Intel XDK. The Intel XDK tools automatically detect when project files are changed (for example, as the result of a save when using your external editor) and will prompt you if additional actions are required due to changes to project files.

To get familiar with the capabilities of the Brackets HTML5 code editor built into the Develop tab, read Using the Code Editor.

NOTE: The built-in Brackets code editor includes a curated list of Brackets extensions. From the Code view, choose File > Extension Manager… to see the list of editor extensions that are available. See this FAQ for instructions on including non-curated Brackets extensions (non-curated Brackets extensions are NOT guaranteed to work with the built-in Brackets editor).

Web Service Capabilities

Below the file tree, the Intel XDK provides a tool to explore a collection of third-party web service APIs (cloud services). In addition to the built-in third-party web services, the Develop tab helps you integrate other existing web services for use within the Intel XDK, such as those developed specifically for your app. For more information, see Exploring and Integrating Web Services in the Intel XDK.

Resizing and Minimizing Panes in the Develop Tab

You can resize or minimize panes to make more room for the parts of the Develop tab you want to use:
  • In the left vertical pane, you can enlarge the room for the file tree or Web Services by either dragging the border between these two areas (above Web Services), or by clicking the minus or plus sign to the right of Web Services.

  • To make the left vertical pane wider or narrower, drag the boundary between it and the code editor to the right or left.

Resources

For more complete information about compiler optimizations, see our Optimization Notice.