Webstorm zencodingショートカット符号化の使用
10130 ワード
Webstormでは、左の略語を入力するだけでコードを迅速に生成できるzencodingショートカット符号化のヒントがいくつか用意されています.
注意:すべてのショートカットはtabキーを押してコードを迅速に生成します.
Tabキーを押すと次のコードが生成されます.
1、link:css//css導入
2、script:src//js導入
3、script//htmlにjsを挿入する
4、ul+//ul及びli
5、a:link
6、a:mail
7、form:get
8、input:hidden
9、div#name
10、div.name
11、div.one.two.three
12、head>link:css
13、p+p
13、p*3
13、ul>li.item$*6
13、ul.menu>li.item*6>a[href=”http://www.baidu.com”]
注意:すべてのショートカットは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>
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
"" 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>