Online installation of Emmet and graphics using the Eclipse tutorial

Source: Internet
Author: User
Tags sublime text

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

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.