2016-12-09 13 views
1

を「Visual Studioのコード」でスニペット内の一時的なコンテンツを挿入する、私はTabキーを押して、その後、次のスニペットを使ってHTMLデータの簡単なリストを生成することができるよ...Visual Studioのコード1.7.2内

ul>li*5>h3+div 
このリストを生成します

...

<ul> 
    <li> 
     <h3></h3> 
     <div></div> 
    </li> 
    <li> 
     <h3></h3> 
     <div></div> 
    </li> 
    <li> 
     <h3></h3> 
     <div></div> 
    </li> 
    <li> 
     <h3></h3> 
     <div></div> 
    </li> 
    <li> 
     <h3></h3> 
     <div></div> 
    </li> 
</ul> 

しかし、どのように、私は<div>content</div>を言って<h3>tite</h3>、およびすべての<div></div>を言うためにあらゆる<h3></h3>を事前に移入することができますか?

答えて

1

VScodeは、このためにemmetを使用するため、入力されたテキストは次のようになります。

<ul> 
    <li> 
     <h3>title</h3> 
     <div>content</div> 
    </li> 
    <li> 
     <h3>title</h3> 
     <div>content</div> 
    </li> 
    <li> 
     <h3>title</h3> 
     <div>content</div> 
    </li> 
    <li> 
     <h3>title</h3> 
     <div>content</div> 
    </li> 
    <li> 
     <h3>title</h3> 
     <div>content</div> 
    </li> 
</ul> 

Here's additional documentation of the Emmet abbreviation syntax

+0

非常に素晴らしい:に拡大していきます

ul>li*5>h3{title}+div{content} 

。 emmet情報もありがとう。 – blackhawk

関連する問題