分类: [编辑器]

webstorm批量编辑快捷键

webstorm批量编辑快捷键【跳转到指定行,批量输入】

1. 直接生成批量数据    ul>li*5

2. 带序号带属性的批量数据  img[src=’images/$.jpg’]*3

3.带序号带属性带层级带class    li*3>div.img>img[src=’images/$.jpg’]

有以上这3个快捷方式,通过举一反三,可以衍生出其他好多的快捷键,您可以自己研究。比如加个id,层级关系再复杂些等等

4.其他常用快捷键

直接查找某行: ctrl+L  弹出输入框,里面输入行号 ,“:”前面是行号,后面是列号

怎样设置webstorm localhost为本地ip

最近在使用WebStorm测试移动端项目时,预览网页时地址总是显示的 http://localhost:63342/… ,如果要调试其它设备感觉很不方法,此时肯定首先想到的亲爱的度娘,但是貌似没有真正很解决问题的(可能是我搜索方法不对)。最后偶然发现以下的一个设置方法。 设置的前提是你此前就能直接用本机IP地址访问到网页,我的是以前就配置好了Apache相关设置的。 先看效果 我的WebStorm是 10.0.3版本,不过我想webstorm的设置应该是差不多的吧。看图说话: 1、当我直接用WebStorm预览网页时 得到的直接预览地址是: 可以通过 File &# ......

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 文件 ......

webstorm 解析scss预处理器的方法及步骤

webstorm 解析scss预处理器的方法及步骤

# 下载并安装ruby (暂时用的rubyinstaller-2.3.3-x64)
https://rubyinstaller.org/downloads/
# 安装的时候注意勾选第二项 配置环境变量


# ruby安装完毕,cmd命令行输入gem install sass 安装解析器(注意这里是sass,而不是scss)


# 在webstrom中,配置file watchers 的program路径 C:\Ruby23-x64\bin\scss.bat (具体情况依据自己电脑路径)


# 修改scss文件内容后,webstorm能够自动生成同名css文件,说明安装成功