WebStorm: 更改默认的文件模板

在使用WebStorm进行Web开发时,新建HTML文件后,WebStorm会根据默认模板在该HTML文件中填充以下内容:

<!DOCTYPE html>  
<html>  
<head lang="en">  
  <meta charset="UTF-8">
  <title></title>
</head>  
<body>

</body>  
</html>  

这里存在两个问题:

  1. 根据HTML5标准文档,如果需要定义整个文档的语言,可以在根节点元素(html)上定义lang属性。不知出于何种考虑,WebStorm的默认HTML模板是将lang属性定义在head元素上的,因此需要修正该行为。
  2. 对于中文Web开发者而言,需要将默认语言从en改为zh-CN,从而节省开发时间。

这些问题可以通过修改WebStorm中的默认HTML模板来加以解决。具体设置面板位于:Preferences – Editor – File and Code Templates – Html5

WebStorm template config

可以将设置面板中的HTML模板修改为开发者所需要的内容:

<!DOCTYPE html>  
<html lang="zh-CN">  
<head>  
  <meta charset="UTF-8">
  <title></title>
</head>  
<body>

</body>  
</html>  

之后所有新建的HTML文件都将填充开发者自定义后的内容。

同理,除了HTML,其它格式的新建文件也都可以通过修改默认模板来提高开发者的效率。比如,可以在新建JavaScript文件时自动添加’use strict’的声明:

WebStorm JavaScript template