Skip to content
angelozerr edited this page Sep 14, 2015 · 15 revisions

Before using Tern IDE features (completion, hyperlink, etc) in JavaScript files, you must configure Tern Script Path to load JavaScript of your project. Tern Script Path can be compared to "Java Build Path" in Java context with the JDT Plugin.

There exist 3 kinds of script path :

  • a) File : you can set at hand each JS files which must be loaded or set HTML/JSP files which contains script element to load.
  • b) Folder : you can set the folder which contains your JS files to load.
  • c) Project : you can set a project (which have the tern nature) if you wish to load JS files coming from an external project.

If you use AngularJS Eclipse, you can see explanation about Tern script path too [here](See Angular-Explorer-View#define-script-path).

To explain how to configure tern script paths, we use a simple project which contains 2 JS files :

JS Project

The first thing you must to do is to configure this project to Tern project :

  • with Configure to Tern Project... : if you wish to use Tern IDE. This action will add tern and to your project.
  • with Configure to AngularJS Project... : if you wish to use AngularJS Eclipse. This action will add .tern-project file and angular nature to your project.

Configure to Tern Project

After that, if your node.js path is well installed, you can use JS completion :

Completion on Arr1

In this screenshot, you can see that only arr1 is shown and not arr2, because tern script path is not well configured.

a) File - Tern Script Path

In Tern->Script Paths, you can add your JS files with Add File :

Add File

If you expand file nodes, you will see the JS files which will be loaded :

Add File

If you validate this configuration and you retry to open completion, you will see arr1 and arr2 :

Completion with Add File

b) Folder - Tern Script Path

You can do the same thing with "Add Folder" button by selecting your JS folder :

Add File

If you expand file nodes, you will see the JS files which will be loaded :

Add Folder

If you validate this configuration and you retry to open completion, you will see arr1 and arr2 :

Completion with Add Folder

c) Project - Tern Script Path

Imagine that you have a second project which hosts JS files that you wish to use in your first project (a commons project which hosts commons JS files) :

Commons Project

This second project must be configured too as tern project otherwise you will not able to use it in the first project. If you click on "Add Project" in the first project, you will see that there none project to select.

So you must configure your second project with script paths too :

Commons Project to tern project

In your first project, if you click on "Add Project", you will able to select your second project :

Add Project

If you expand file nodes, you will see the JS files which will be loaded :

Add Folder

If you validate this configuration and you retry to open completion, you will see arr1, arr2 and arr3 :

Completion with Add Project

Clone this wiki locally