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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值