webstorm正则搜索与替换

webstorm正则搜索与替换
　序号  功能 代码
1 所有p标签及内部内容 <p>[\s\S]*?</p>
2 匹配body内容  <body[\s\S]*?</body>
     

默认配置-Eclipse的常用快捷键对照表

查找/代替

Webstorm快捷键 Eclipse快捷键 说明
ctrl+shift+N ctrl+shift+R 通过文件名快速查找工程内的文件（必记）
ctrl+shift+alt+N ctrl+shift+alt+N 通过一个字符快速查找位置（必记）
ctrl+F ctrl+F 在文件内快速查找代码
F3 ctrl+K 查找下一个
shift+F3 ctrl+shift+K 查找上一个
ctrl+R ctrl+F 文件内代码替换
ctrl+shift+R   指定目录内代码批量替换
ctrl+shift+F ctrl+H 指定目录内代码批量查找

代码编辑

Webstorm快捷键 Eclipse快捷键 说明
ctrl+D ctrl+shift+↑ 复制当前行
ctrl+W alt+shift+↑ 选中单词
ctrl+←/→
 ctrl+←/→
 以单词作为边界跳光标位置
alt+insert alt+insert 新建一个文件或其他
ctrl+alt+L ctrl+alt+L 格式化代码
shift+tab/tab shift+tab/tab 减少/扩大缩进（可以在代码中减少行缩进）
ctrl+Y ctrl+D 删除一行
shift+enter shift+enter 重新开始一行（无论光标在哪个位置）
 

导航

Webstorm快捷键 Eclipse快捷键 说明
esc esc 进入代码编辑区域
alt+F1 alt+F1 查找代码在其他界面模块的位置，颇为有用
ctrl+G ctrl+L 到指定行的代码
ctrl+]/[ ctrl+]/[ 光标到代码块的前面或后面
alt+up/down ctrl+shift+up/down 上一个/下一个方法

1.内容整体替换：

 1 <script>
 2     $(function(){
 3         replaceText({
 4             elem:$('body'),
 5             strOld:"/r/cms/www/red/images/cn/首轮宣传/首轮宣传表格.png",
 6             strNew:"/r/cms/www/red/images/cn/首轮宣传/首轮宣传表格.jpg"
 7         });
 8     });
 9     function replaceText(config){
10         var box=config.elem;
11         var strOld=config.strOld;
12         var strNew=config.strNew;
13         box.html().replace(new RegExp(strOld,'gm'),strNew);
14     }
15 </script>

2.序列号式替换( 预览完毕，将浏览器代码复制粘贴到编辑器)

1 <script>
2     $(function(){
3         $.each($('img[src="/r/cms/www/red/images/cn/首轮宣传/首轮宣传表格_.png"]'),function(index,item){
4             item.src="/r/cms/www/red/images/cn/首轮宣传/首轮宣传表格_"+(++index)+".png";
5             //console.log(item.src);
6         });
7     });
8 </script>

 

posted @ 2016-08-23 22:53  HALEY168  阅读(14592)  评论(1)  编辑  收藏  举报