webstorm的使用

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

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

使用
https://www.jianshu.com/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循环
ctrl+alt+L格式化
变量.log按Tab键console.log()
ul.类名>li*个数按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属性时，编辑器内的css代码也会发生变化。

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>