WebStorm使用方法之简单整理

Author:Helene

本文章采用 知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议 进行许可。转载请注明来自Helene的博客

工欲善其事必先利其器,工作以来,也使用过其它编辑器,什么sublime、IntelliJ IDEA然后为了配合后台PHP使用过PHPStorm,配合Java使用过eclipse,不过我还是喜欢使用WebStorm啊,反正官网对它的介绍很多,我也不多说了,让我们一起提高我们工作效率,接下来我将把我整理的小方法写下来作为参考

一、快捷键

1.快速生成html5页面:

如果新建的是空白的页面,那么

在页面上写:html:5 然后:按tab键

只需两步,编辑器即可帮我们生成html基本格式

2.快速生成标签

比如想生成“li”那么直接写“li”,然后“tab”即可快速生成

3.快速生成带class或id的div

.class-name 然后 tab键

#idName 然后 tab键

4.快速生成带class或id的选定标签

此处拿“p”标签举例

p.class-name 然后 tab键

p#idName 然后 tab键