webstorm 使用zencoding快捷编码

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

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

html:5      //html5结构

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


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
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>
<a href="http://">a>

6、a:mail

<a href=”mailto:“>a>

7、form:get

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

8、input:hidden

"" 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">HTMLa>li>
    <li class="item"><a href="http://www.baidu.com">HTMLa>li>
    <li class="item"><a href="http://www.baidu.com">HTMLa>li>
    <li class="item"><a href="http://www.baidu.com">HTMLa>li>
    <li class="item"><a href="http://www.baidu.com">HTMLa>li>
    <li class="item"><a href="http://www.baidu.com">HTMLa>li>
ul>

你可能感兴趣的:(webstorm)