HTML Vscodeコメントのクリーンアップ

15083 ワード
テキストリンク

Vscodeにデフォルトでインストールされています。


DREAMコードElliEmetの使用方法

1.デフォルトhtmlフォーム/!

    <!DOCTYPE html>
    <html>
      <head></head>
      <body></body>
    </html>

2.デフォルトラベル/divの作成

    <div>

3.classを持つdivを作成します。myClass

    <div class="myClass">

4.idを持つdiv/#myIdの作成

    <div id="myId">

5.サブノードの作成/div>ul>li

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

6.兄弟ノードの作成/div>ul+ol

    <div>
      <ul></ul>
      <ol></ol>      
    </div>

7.ノードの繰り返し作成/ul>li*5

    <ul>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>      
    </ul>

8.子ノードの作成時に親ノードを追加/div>ul>li^ol

    <div>
        <ul>
            <li></li>
        </ul>
        <ol></ol>
    </div>

9.グループ/div>(header>ul>li*2>a)+フッター>p

    <div>
        <header>
            <ul>
                <li><a href=""></a></li>
                <li><a href=""></a></li> 
            </ui>
        </header>
        <footer>
            <p></p>
        </footer>
    </div>

10.タグを挿入/p{Hello}

    <p>hello</p>

11.自動番号/p.myClass${item$}

    <p class="myClass1">item 1</p>
    <p class="myClass2">item 2</p>
    <p class="myClass3">item 3</p>
    <p class="myClass4">item 4</p>
    <p class="myClass5">item 5</p>

12.スタック/p>lorem/p>lorem 4の作成

    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ratione expedita ullam ipsa natus possimus quasi, ex ut error atque iusto reiciendis, cum maiores corrupti architecto cumque doloribus odio, molestiae nesciunt.</p>
    
    <p>Lorem ipsum dolor sit.</p>
Jsは文字列の中で最も出現回数の多い文字と個数の実例の解析を探します
[Typescript] Control Union Type