(go) using Emmet in Dreamweaver

http://www.zhangxinxu.com/wordpress/?p=3666

Emmet installation in Dreamweaver

I am currently using Dreamweaver CS6, so I will use this version for illustrative purposes. As for the other version is not also the case, I do not know, Saul Ah ~ ~

Official Downloads
Download go official, timely and reliable, gently place click here: http://emmet.io/download/or directly click here: EMMET.ZXP

If you have installed Adobe's extension Manager (Extension Manager), simply double-click on the installation. If the wood has, click here to download.

All the way "yes" and "accept" to the end (ignoring a certification warning), and then, just install it! Restart, over~

Iii. the use of Emmet in Dreamweaver

At this point, we happily create a new HTML document, with excited and trembling hands to knock down:

Div#test>ul.nav>li>a*5

Then, the big hand a young, taishanyading of the potential press TAB key, so when when when ...

...... Fart effect all wood has--

Why does wood have effect?

Although there are a lot of things you can not think of, look in the mirror to understand. But this time, it's not a mirror to solve.

We check the next layout related shortcuts, haha, the original default is not tab, but ctrl+e Ah!

So, again, cheerfully, with an agitated and trembling hand knocked down:

Div#test>ul.nav>li>a*5

Then, staring at the Ctrl+e key, the eyes stared at the goddess's chest, and pressed. Looked up and looked up, and saw that when when ...

...... What kind of onion is this?

Tag Selector, oh, no! Well, what about HTML generation?

A study, found that the shortcut keys conflict, ctrl+e shortcut is dreamweaver default tag Selector box shortcut keys, Damn! How did it break? Very simple, to Emmet to find a shortcut key.

The following step:

1. Edit→keyborad Shortcuts ...
   
2. In the panel that opens, expand once: Commands→emmet, and then select expand abbreviation as shown in:
   
3. In the blank box below focus, and then press ctrl+/, as shown (I personally like ctrl+/, you can define your favorite shortcuts OH), then click the Change button, then click OK:
   
4. over~

Below, we have a calm mood, copy the following paragraph of the character:

Div#test>ul.nav>li>a*5

Then, feebly pressed ctrl+/, weak and weak to lift eyelids, looking at the rigid screen, the result ...

I got a rub! Incredibly immediately the rhythm of the parade, Platoon station!

Sprinkle flowers, firecrackers! Overjoyed ~

However, someone may have to shrug: "I like the tab trigger, I just like, I am the habit," you this ... No-match (Shanghainese) ~

(*^__^*) hehe ... Dear customer, you want the product "tab trigger" has been shipped, please note read the following text to check:

1. In any editor anywhere, write down the following three letters – and Tab copy them onto the Clipboard;
2. Edit→keyborad Shortcuts ...
   
3. In the panel that opens, expand once: Commands→emmet, and then select expand abbreviation as shown in:
   
4. In the following blank box, focus, and then right-click Paste as shown:
   
   
5. Click Change, click ok,over~

Below, tentatively write the following:

Div#test>ul.nav>li>a*5

Then, hopefully, press the TAB key, whoa, before the light ...

The effect came out!

Sprinkle the flowers, clap, tear sideways!

But don't be happy too early, although the Emmet deployment works, but the original tab indentation effect Wood has ha! So, spacing, can only use spaces up ah, hmm hmm sauce! Weigh yourself ha ~

(go) using Emmet in Dreamweaver