安裝教程https://www.cnblogs.com/wdh1995/p/7496688.html

激活可用http://idea.iteblog.com/key.php

使用
http://www.itdecent.cn/p/4ce97b360c13
http://blog.csdn.net/zghekuiwu/article/details/54382145

主題Darcula，字體18

image.png

image.png

image.png

image.png

image.png

image.png

itar按tab鍵for循環(huán)
ctrl+alt+L格式化
變量.log按Tab鍵console.log()
ul.類名>li*個數(shù)按tab鍵

<ul class="box">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

選中所有同樣的詞 ： Shift + Ctrl + Alt + J
選中下一個同樣的詞： Alt + J

ctrl + / : 單行注釋
ctrl + shift + / : 塊注釋
查找：查找下一個F3 || 查找上一個shift+F3
快捷鍵： Alt+鼠標左鍵 多光標編輯代碼
每當你看到一個燈泡，打ALT +回車，看看WebStorm有什么建議
js包含代碼塊：快捷鍵：ctrl+alt+T
插件:CSS-X-fire
當使用firebug修改css屬性時，編輯器內(nèi)的css代碼也會發(fā)生變化。

div.box#box>(ul>li*3)+(div*3)按tab鍵

<div class="box" id="box">
    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <div></div>
    <div></div>
    <div></div>
</div>

ul#box>li{我是第$個li}*9

    <ul id="box">
        <li>我是第1個li</li>
        <li>我是第2個li</li>
        <li>我是第3個li</li>
        <li>我是第4個li</li>
        <li>我是第5個li</li>
        <li>我是第6個li</li>
        <li>我是第7個li</li>
        <li>我是第8個li</li>
        <li>我是第9個li</li>
    </ul>