webstorm实用功能

webstorm常用快捷键：

1.ctrl+shift+N 快速查找文件。

2.ctrl+w 选中单词。

3.shift+Enter 重新开始一行。

4.shift+alt+向上箭头  向上移动整行代码。

5.ctrl+shift+v打开剪切板

几个实用功能：

1.多光标：按住alt键可以用鼠标选中多个目标，按Esc取消。

2.版本控制/历史记录：点击右键选择Local History会显示每一次的修改。

3.快速书写代码：主要有>、+、^、*、()、#、.、[ ]、{}几个符号。下面举例说明：

用div+div#contain>ul>li.item>a{快速搭建代码}这样一句代码在按一下Tab键就可以快速搭建下面的代码

<div></div>
<div id="contain">
    <ul>
        <li class="item"><a href="">快速搭建代码</a></li>
        <li class="item"><a href="">快速搭建代码</a></li>
        <li class="item"><a href="">快速搭建代码</a></li>
    </ul>
</div>

+代表同级元素，>类似于父子选择器，^表示向上一级，*表示有几个元素，#与.跟css选择器保持一致，[ ]代表的是自定义属性，{}标签中的文本。

另外补充一个$符号，用于在类名后添加，可以自动补全编号。

4.lorem(number)用于生产n个无意义的单词

5.F1：可以用来图片预览或查看标签的更多属性