什么是 emmett
Emmett 是一个用于编辑器的快速编写 HTML 与 CSS 的扩展工具，它可以让你更高效地编写代码，减少工作量。在此之前，我们需要手动编写 HTML 和 CSS，很繁琐。
安装 emmett
首先，确保电脑上已经安装了 Node.js，如果没有，可以到 Node.js 官网 下载安装包。安装完成后，打开命令行工具，输入以下命令：
npm install emmett -g
使用 emmett
在编辑器中，可以使用 emmett 的关键字来快速生成 HTML 和 CSS。例如，我们需要生成一个带有图片的网页，可以使用以下代码：
div.container>img+ul>li*3>a{link}其中：
div.container表示一个 class 为container的div。img表示一个img标签。ul>li*3表示一个ul标签，包含三个li标签。a{link}表示一个含有文本link的a标签。
使用 emmett 可以极大地提高编写效率，可以使用以下快捷键：
Tab快捷键，生成 HTML。Ctrl + e快捷键，生成 CSS。
emmett 的指导意义
使用 emmett 不仅可以提高我们的编写效率，而且可以让我们更加专注于业务逻辑，从而提升我们对于业务的理解与掌握程度。同时，它也是一个开源的工具，我们可以在其基础上进行二次开发，符合开源社区的精神。
示例代码
div.container>img+ul>li*3>a{link}以上代码将生成以下 HTML 代码：
<div class="container">
<img src="" alt="">
<ul>
<li><a href="">link</a></li>
<li><a href="">link</a></li>
<li><a href="">link</a></li>
</ul>
</div>使用 Ctrl + e 快捷键将生成以下 CSS 代码：
-- -------------------- ---- ------- ---------- - - ---------- --- - - ---------- -- - - ---------- -- -- - -
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedcc6fb5cbfe1ea06127a0