Emmet基本操作

1413 ワード

Emmet基本操作


Emmetはsublimeに専用のプラグインがあり、インストールリファレンスがあり、VscodeとAtomには内蔵ツールがあります.
一字です.早く.2文字、効率.

dom生成


次は奇跡を目撃する時だ.
1希望するラベルを入力:
h2

次にtabを押します.

2 像css的格式输入对应的id,class类或者内容{},输入:

p#app.main{Hello World}
tab:

Hello World


3 cssのようなフォーマットで、属性[]を入力します.
 a[href="http://www.jianshu.com/p/c1e3b96c1293"]{       }
tab:
フロントエンド  コレクタ

4マスターコントロール用>サブコントロール指向、パラレルコントロール用+div省略可能:
.wrapper>h1{hello}+.content
tab:

hello

5 多个并列控件同时生成(注意:加入括号保证优先级),输入:

ul>(li>a)*4
tab:

html初期化

html:5または!:HTML用5文書タイプhtml:xt:XHTML用遷移文書タイプhtml:4s:HTML 4用厳格文書タイプ

リファレンス

  • Emmetの高度な機能と使い方
  • Emmetインスタンスチュートリアル