webstorm – WEB前端–HALEY

标签为 [webstorm] 的文章

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  弹出输入框,里面输入行号 ,“:”前面是行号,后面是列号

web前端装逼必备词组,你知道几个

web前端装逼必备词组,你知道几个 面试的时候,面试官最喜欢用一些词来询问新手,作为新手的你,值得知道这些装逼词组 本人收集整理这些词语,每个链接地址都是最具代表性的,如果您觉得不是最优,也欢迎来信指正,我们会不定期进行更新。 HTML H5 Java php C++ C# CSS JS ES2015 ES6 CSS3 LESS SCSS SASS STYLUS 样式与表现分离 SEO XSS node npm webpack Vue ng react mysql mongodb Redis Ruby Python JSON XML Bootstrap Webstorm sublime Text EditP ......

怎样设置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文件,说明安装成功