Enide Studio

Links

News. Features. Demo. History. Usage. Download. Support. Support us. About. Donate. Gradle IDE Pack. Gradle for Eclipse - Android. AngularJS-Eclipse. Angular2-Eclipse. Polyglot Maven IDE Pack. .proto Editor. Nodeclipse CLI installer.

Nodeclipse & Enide Usage

See 1366x768 introduction video at /video page or see lower resolution on Youtube.

Read also Hints and Online Help.

First steps

  1. In Eclipse switch to Node perspective Window -> Open Perspective -> Other... -> Node
  2. Select File -> New -> Node Project.
  3. Select "Hello world" template.
  4. Enter [Project name], press [Finish].
  5. Locate hello-world-server.js in newly created project. Right-click and select Run As -> Node Application.
  6. navigate to http://127.0.0.1:1337/ in your browser.
  7. Press red icon "Terminate" inside Console View to stop current application.
  8. Double click on hello-world-server.js to open Editor. Right-click inside Editor to Run or Debug your code.

Editor Tips

  • Press Ctrl+O to go to Outlined variable or function.
  • Press Ctrl+Shift+P to find matching bracket.
  • Press Alt+Up / Down to move selection 1 line up or down.
  • Press Ctrl+Alt+Up / Down add the same line above/below.
  • Press Alt+Shift+ Up / Down to expand selection.
  • Press Ctrl+Shift+Y / X to change to lower case or UPPER CASE.
  • Press Ctrl+Shift+F to format code.
  • Press Alt+/ to call Code Assist (that is greatly improved when using JSDoc).
  • Press Alt+Shift+J to add JSDoc, @ will give options.
  • Press Alt+r,s,number to run current file.
  • Press Ctrl+3, type crazy to open Crazy Outline (PDE Tools).

General Tools

  • Press Ctrl+Alt+E to open Explorer (StartExplorer)
  • Press Ctrl+Alt+D to open Shell (StartExplorer)
  • Press Ctrl+Alt+A to open with default app (e.g. Node.js for .js files) (StartExplorer)
  • Press Ctrl+Alt+C to copy resource path to clipboard (StartExplorer)
  • Press Ctrl+Alt+F to search/highlight everywhere in Eclipse (Glance)
  • Press Ctrl+3, type rest to open Rest Client (REST client tool).

Generating of Express project

  1. Select File -> New -> Node Express Project.
  2. Enter [Project name], select preferred Template Engine, and press [Finish] button.
  3. Wait for npm to finish dowloading dependencies. Press F5(refresh) for node_modules folder to appear. (configure autorefresh)

Debugging and breakpoints

  1. F3 or doundl-click to open Editor for JavaScript file
  2. Double-click on the ruler on the left side of the line you want to set a breakpoint.
  3. If you want to remove a breakpoint, double-click on the ruler again.
  4. Select the main source file of the Node Application in the Project Explorer or anywhere inside Editor, open the context menu with right-click, select the Debug As -> Node Application.

Importing

For existing Node.js project you can run nodeclipse -p to add project files and then import as existing project.
For any project or folder you can run nodeclipse -g and then import as existing project (this will add only 1 .project file).

No miracles, just files

In Project Explorer press trianle to call drop down menu Cutomize View... -> Filter -> uncheck *.resources. Now you see all files: .project, .jshnt.rc and .settings folder. Take time to explore files content, it is all under your control.

LaunchConfigurations can be saved inside project as well, see Help Run page

More shortcuts

  • Use middle-click on a Editor or View tab to close it
  • Press Ctrl+3 quick acceess
  • Press Ctrl+Shift+R to open any file
  • Press Ctrl+Shift+L to search quickly within all files (Quick Search)

10 Eclipse Navigation Shortcuts Every Java Programmer Should Know (2007),
93 time-saving Keyboard Shortcuts for Eclipse (2013)

Links

Continue reading on home page.

comments powered by Disqus