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>

 

转载于:https://www.cnblogs.com/haley168/p/search.html