美文网首页
Sublime Text 3: Emmet 快速生成无意义文字

Sublime Text 3: Emmet 快速生成无意义文字

作者: Tim_Lee | 来源:发表于2017-10-15 23:41 被阅读0次

    无意义文字(dummy text,也叫 Lorem ipsum)可以用Emmet快速生成,减少了手工输入的时间。

    单行无意义文字

    Sublime Text 3如果安装了Emmet插件,在html页面中输入:lorem 或者 lipsum,按tab键可以直接生成一段无意义的文字(dummy text)。文字内容如下

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur corporis est numquam error accusamus, facere beatae eaque sint mollitia quaerat blanditiis, veritatis fuga fugiat maxime ipsum aspernatur consequuntur laudantium voluptatibus!
    

    输入多行无意义文字

    这套无意义文字4个为一套,所以可以一次生成四种。

    p*4>lorem
    

    得到:

    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit dicta eius facilis cum ratione harum dolorem laborum, perspiciatis, qui officia voluptatibus, quia. Expedita unde nostrum consequatur, ut, aut quae non!</p>
    <p>Magni impedit eos quam quis, architecto aliquam necessitatibus ut repudiandae. Minima sequi ex velit, numquam quis expedita aut explicabo. Soluta nihil, pariatur quis suscipit voluptatibus nesciunt iste sequi minus modi.</p>
    <p>Labore facere inventore eos quisquam tempore excepturi sed molestiae saepe ipsa odit pariatur modi repellendus maiores dicta fugit cum dignissimos dolorum quaerat repellat quo, sit, corrupti ipsum. Itaque, qui, cumque!</p>
    <p>Porro cum harum distinctio omnis dignissimos, illum suscipit, vitae ipsa libero, deleniti eum sed. Excepturi itaque, ea reprehenderit ex commodi accusamus molestiae minima assumenda tempora nisi magni placeat, tempore eligendi.</p>
                        
    

    还可以在li中使用

    ul>lorem10.item*4
    

    得到

    <ul>
        <li class="item">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, ipsam.</li>
        <li class="item">Dignissimos nihil ipsam laborum, quam aliquam autem deserunt, dolor laboriosam.</li>
        <li class="item">Itaque sunt aspernatur maxime modi eveniet in architecto id ex!</li>
        <li class="item">Earum ab recusandae voluptate quisquam libero quidem nisi praesentium, ad.</li>
    </ul>
    

    相关文章

      网友评论

          本文标题:Sublime Text 3: Emmet 快速生成无意义文字

          本文链接:https://www.haomeiwen.com/subject/rvuhuxtx.html