常见的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使用技巧】

上一篇：开发中的一些小知识点

下一篇：Photoshop操作技巧