webstorm 使用zencoding快捷编码

来源：互联网发布：小米2s数据恢复2 编辑：程序博客网时间：2024/05/17 04:15

webstorm中提供了一些zencoding快捷编码提示，只要输入左边缩写，就可以快速生成代码

注：所有快捷都是按下tab键快速生成代码。

html:5      //html5结构

按下Tab键回会生成以下代码：

<!doctype html><html lang="en"><head>    <meta charset="UTF-8">    <title>Document</title></head><body></body></html>

1、link:css //引入css

<link rel="stylesheet" href="style.css"/>

2、script:src //引入js

<script src=""></script>

3、script //html中插入js

<script></script>

4、ul+ //ul及一个li

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

5、a:link

<a href="http://"></a>

6、a:mail

<a href=”mailto:“></a>

7、form:get

<form action="" method="get"></form>

8、input:hidden

<input name="" type="hidden"/>

9、div#name

<div id="name"></div>

10、div.name

<div class="name"></div>

11、div.one.two.three

<div class="one two three"></div>

12、head>link:css

<head>    <link rel="stylesheet" href="style.css"/></head>

13、p+p

<p></p><p></p>

13、p*3

<p></p><p></p><p></p>

13、ul>li.item$*6

<ul>    <li class="item1"></li>    <li class="item2"></li>    <li class="item3"></li>    <li class="item4"></li>    <li class="item5"></li>    <li class="item6"></li></ul>

13、ul.menu>li.item*6>a[href=”http://www.baidu.com”]

<ul class="menu">    <li class="item"><a href="http://www.baidu.com">HTML</a></li>    <li class="item"><a href="http://www.baidu.com">HTML</a></li>    <li class="item"><a href="http://www.baidu.com">HTML</a></li>    <li class="item"><a href="http://www.baidu.com">HTML</a></li>    <li class="item"><a href="http://www.baidu.com">HTML</a></li>    <li class="item"><a href="http://www.baidu.com">HTML</a></li></ul>

0 0