Elicpse is easy to use and small JS Plug-In ---- jseclipse

With jseclipse, JavaScript programmers now have their own Eclipse plug-ins which provide many important functions to assist in the development of JavaScript applications. Just as eclipse has provided ease of use for Java and other languages over the years, jseclipse provides JavaScript developers with the same advantages.

Obtain jseclipse

If you have not installed Eclipse IDE, install it immediately (see system requirements ). This tutorial uses eclipse v3.4.2. If you encounter a plug-in installation problem, you can try to install this version.

The next step is to obtain the jseclipse plug-in. The simplest way to do this is to use eclipse's built-in update system:

1. Install eclipse.

2. Start eclipse.

3. If necessary, select go to workbench ".

4. From the workbench menu, selectHelp> Software Updates> Find and install.

5. SelectSearch for new features to install.

6. ClickNextCreate a new update site.

Create new update site

New Features and plug-ins are hosted on specific update sites. Some of these sites are pre-configured in eclipse installation, but you need to add a new update site for jseclipse:

7. ClickNew Update site.

8. Enter the jseclipse name (or any other name you remember) and urlhttp: // download.macromedia.com/pub/labs/jseclipse/autoinstall.

9. ClickOKAdd a new site to the list.

Install jseclipse

After the new site is ready, you can use it to install jseclipse:

10. Make sure that you select the new site to be updated by selecting the check box next to the new site, and then clickFinish.

11 jseclipse is the only feature hosted on this site, so it should be very easy to find. Select jseclipse and click
Next.
Accept the license agreement and clickNext.

12. Check the eclipse installation location and clickFinish.

13 For security (and code integrity) reasons, the actual installation will check whether the function has been signed. It has not been signed, so make sure you want to install this unsigned feature, as shown in figure 5, and then click
Install.

After the installation is complete, clickApply changes. You do not have to restart eclipse, but if eclipse is not running properly, you 'd better restart it.

Now that jseclipse has been installed, You need to configure it.

Configure jseclipse

The jseclipse plug-in allows you to control the user experience. To configure jseclipse, selectWindow> preferences> jseclipseOpen preferences.

Jseclipse has four preferences.

General preferences

These are preferences, such as the time needed to wait for the Automatic completion drop-down menu to pop up, whether to execute the error report, and whether to highlight other places where the current variable appears.

Syntax coloring

Using jseclipse can not only completely control the color encoding content, such as the function name and variable, but also completely control which color represents which entry, so that you can read it more easily, or match the existing color pattern, for example, from another editor.

Templates

As you can see in the use of code templates for easy programming: multi-dimensional arrays, jseclipse includes common types of code templates, such as for loops and functions. You can use this template to activate or deactivate an existing template and import a new template as needed.

Typing

One of the advantages of using IDE is that you can automate tasks such as adding ending brackets. If you think that using this function will make you lazy, you can disable this function in your preferences.

Next, you need to set eclipse to use this plug-in.

Set jseclipse as a javascript Editor

You need to tell eclipse that it has a specialized editor for JavaScript files, so that it will not use a universal text editor. SelectWindow> preferences> General> editors> File Associations. Highlight the *. js file extension and make sure that jseclipse is the relevant editor.

If you do not have the *. js extension, clickAddButton, and then add the extension to the dialog box. If the *. js extension does not use jseclipse as its default editor, click
AddButton. SelectInternaleditors> jseclipse HTML editorAnd click
AddSet it to the default value.