常见的WebStrom使用技巧和Chrome使用技巧

自己平时总结的一些使用WebStrom的使用技巧和Chrome浏览器使用技巧

WebStrom使用技巧

• 标签名 Tab键可以快速输入一个标签 例如：div Tab键可以快速输入：<div></div>
• 选中代码按下 Ctrl D 可以同时实现复制和粘贴
• 左手按住Alt键，右手按住鼠标左键往下拉可以选中下拉线上的内容
• 在WebStrom中输入div*10并且按下Tab键可以一次性输入10个div
• 在WebStrom中输入div{item$}*10并且按下Tab键可以一次性输入10个div并且div中的内容依次是item1、item2、item3….item10
• 在WebStrom中输入div.box$*3并且按下Tab键，可以一次性输入3个div，并且div的类选择器名称依次是box1、box2、box3
• 在WebStrom中输入div#box$*3并且按下Tab键，可以一次性输入3个div，并且div的id选择器名称依次是box1、box2、box3
• 按住Ctrl键，并且按住鼠标左键，拖动鼠标，选中代码，松开鼠标左键后代码仍能处于被选中的状态，此时可以对代码做一系列的操作
• ! Tab键快速输入HTML5框架代码
• html:5 Tab键也可以快速输入HTML5框架代码
• html:xt Tab键可以快速输入HTML4框架代码
• 查找的快捷键 Ctrl F
• 替换的快捷键 Ctrl R
• 格式化代码的快捷键 Ctrl Alt L
• meta:vp Tab键可以快速输入viewport
• 全局搜索的快捷键Ctrl Shift N
• 修改代码模板：单击File –> Settings –> Editor –> File and Code Templates
• 根据行号查找代码的快捷键：Ctrl G
• 查找函数(方法)、变量、类所在的文件的快捷键：Ctrl Shift Alt N
• 在当前项目中查找包含特定内容的文件的快捷键：Ctrl Shift F
• 查看语句快速输入的方法：Ctrl J
• 全局搜索：Ctrl Shift F
• 全局替换：Ctrl Shift R

Chrome浏览器使用技巧

• 在浏览器中打开调试窗口的快捷键F12 或者 Ctrl Shift I 或者 Ctrl Shift J
• 在Chrome浏览器下的console窗口中实现代码换行的快捷键 Shift Enter
• 点击Chrome浏览器中任何地方都没反应，并且鼠标移动到标签页上时不管是左击还是右击都会删除标签页，解决方法是鼠标移到Chrome浏览器上，点击一下鼠标中键

meishadevs欢迎任何形式的转载，但请务必注明出处，尊重他人劳动成果。 转载请注明： 【文章转载自meishadevs：常见的WebStrom使用技巧】