在webstorm中使用H5的快捷键

前言

WebStorm是一款功能强大的开发环境，支持大量的快捷键来提高开发效率，本文将介绍H5的快捷键。

基本设置

首先，将WebStorm设置为HTML5开发环境，点击File -> Settings -> Languages & Frameworks -> JavaScript -> JavaScript language version中的dropdown box，选择ECMAScript 6。

console.log("Hello, world!");
    

快速输入标签

WebStorm提供了一些快捷方式来快速输入HTML标记:

通过输入'!'然后按下tab键，可以快速生成HTML文件的基本框架。

Hello, world!
    

通过输入'h4'然后按下tab键，可以快速生成h4标记。

自动闭合标记

WebStorm可以帮助开发人员快速生成自动闭合标记。例如，输入img标记时，WebStorm将自动添加结束标记。:

重构标签名

在WebStorm中，可以快速更改标记名称。:

Hello, world!
    

可以选中'h4'标记并使用Shift + F6快捷键来更改标记名称，例如将'h4'改为'h3'。

Hello, world!
    

总结

WebStorm提供了许多快捷方式来帮助开发人员提高工作效率。我们可以使用快捷方式来快速输入标记、重构标记、自动闭合标记等。