Online installation of Emmet and graphics using the Eclipse tutorial

Emmet is a powerful code authoring tool that uses Emmet to improve the efficiency of code entry, especially when front-end engineers write HTML and CSS code, a front-end development weapon!

Say less nonsense, direct!

In the editor used for front-end development, such as sublime text,editplus,webstorm, it is convenient to use Emmet, but how can you use this plugin to improve development efficiency in eclipse?

Everybody crossing look down!

After the zencoding upgrade to Emmet, Eclipse-based plug-in installation addresses have also changed, and the following is a graphic example of installing and using Emmet in the Eclipse-based IDE.

First, open the Eclipse plug-in Installation interface

Start Eclipse, choose Help>install New software ...

Second, the input plug-in installation address:

Click Add ... in the pop-up dialog box. button that pops up the input plugin installation address and Plugin Name dialog box:

Enter http://emmet.io/eclipse/updates/in the Location field of the popup dialog box, enter a name in the Name field, such as Emmet, and click OK:

Third, download Emmet:

When the Install dialog box shows the Emmet selection, select Emmet, all the way Next, to the last step, select I accept the terms of th license agreements, click Finish, pop up the download dialog box, start the download The necessary components:

Iv. Installation of Emmet:

Once the download is complete, a dialog box will pop up asking for confirmation of installation, click OK, and the installation process will be completed soon.

V. Use of Emmet:

Click Yes in the previous step to restart Eclipse so you can use Emmet.

Enter the Emmet instruction (e.g. "table>tr*3>td*5") and press the TAB key to get it.
But in the default configuration, HTML, XML, HAML, CSS, Sass/scss, less, JavaScript, Python, Ruby files can use the "tab" key directly, and "Ctrl+e" as the shortcut key in other types of files.
So, in the JSP page, you can enter the emmet instruction (such as "table>tr*3>td*5"), and then press Ctrl+e, you can

Online installation of Emmet and graphics using the Eclipse tutorial