webstorm快捷键记录

1. 扒网站标题前面的小图标用favicon,ico
   例：www.jd.com/favicon.ico、www.taobao.com/favicon.ico然后点击图片另存为即可保存下来。
2. webstorm注释用ctrl+shift+/
3. 快速打出标签用tab键。创建一个id或者class为xx的div：输入#xx或者.xx再按tab直接就出来了。 输入#xx+.xx再按tab直接出来一个id为xx的div和class为xx的div。若想建其他的标签也可以，在前面加上想要建的标签名。例li.abc按tab出来
,其他的也同理。
5. 快速输入，支持模糊匹配，例输入bgc会自动出来background-color.输入h30自动出来height:30px; 输入li*9再扫tab，会输出9个
.
7. p.para∗3再按tab会出现<pclass=”para1”></p><pclass=”para2”></p><pclass=”para3”></p>其中代表数字。
8. 下拉菜单 dropdown; 火狐的像素完美插件-pixel perfect，可以应对设计图来调整自己做的页面。Pixel:像素。
9. 快速往多行中添加相同的内容：按住鼠标中间的滚轮（用力按下滚轮）向下移动鼠标即可。
10. Html文件中调出浏览器选项用 (fn)+alt+f2; 项目中插入文件用(fn)+alt+insert; 代码格式化：ctrl+alt+L; 选中代码注释用ctrl+shift+/; 复制当前行用ctrl+d;
11. Emmet语法：http://docs.emmet.io/cheat-sheet/ (有时打不开)
12. bg+再按tab输出background: #fff url() 0 0 no-repeat;
    bd+再按tab输出border: 1px solid #000; +号的用法
    11．Window加R调出运行。输入calc能打开计算器。
    12.对文件重命名用shift+F6;
    13.pc端一般有低版浏览器，多数采用渐近增强。而手机端的浏览器版本都比较高，大都采用优雅降级的设计模式。
    14.当调用某个函数时，想找到函数定义的位置，按住ctrl加鼠标左键，会直接跳到函数定义的位置。若想回到原先位置（即调用函数的位置）用ctrl加上alt加上左箭头（即方向键left）;
    当查看引入文件时，也可用ctrl加上左键。例 src=”utils.js”
13. slogan:标语，口号 让多行光标同时移动到标签的最后面用end键。
    16.setAttribute只能设置行内属性。GetAttribute只能获取行内的属性。自定义的属性需要用getAttribute获取，dom元素中自身存在的属性可以用“.”或者“【】”获取。
    例：