更改webstorm 新建html文件！+tab生成的模板只有TDK中的T的问题
问题描述
webstorm新建html生成的模板中只有 title 没有description、Keywords
有很多时候我们是需要这两个东西的
下面我就来说一下怎么修改webstorm !+tab生成的模板吧
实现步骤
以下为webstorm 2019.2版本的设置其他版本也是大同小异
1.打开webstorm。
2.打开webstorm的设置快捷键为ctrl+alt+s，有些人会出现快捷键冲突问题从而导致快捷键无效或者其他效果（此处说的快捷键冲突不一定是webstorm自身的快捷键，也可能是电脑上的一些其他软件）
如果快捷键失败的话就按下面这个找
File >> Settings
3.打开设置后找下面这个路径
Editor >> Live Templates >> Zen HTML
这个下面就是webstorm自带的已经帮我们定义好的模板
4.修改!+tab生成的模板代码
单机！这一项
图中1的位置为abbreviation为缩写词的意思
图中2的位置为描述（非必填）
图中3的位置是模板的代码（我们把description、Keywords加上即可）
图中4的位置的意思是输入完缩写后点击的tab按键会自动生成图中3中的代码
我们直接修改图中3位置的代码即可可以参考我的也可自行修改
<!doctype html>
<html lang="$ENV_LOCALE$">
<head>
<meta charset="$CHARSET$">
<meta name="viewport" content="width=$WIDTH$, user-scalable=$SCALABLE$, initial-scale=$INITIAL_SCALE$, maximum-scale=$MAX_SCALE$, minimum-scale=$MIN_SCALE$">
<meta http-equiv="X-UA-Compatible" content="ie=$IE$">
<meta name="description" content="">
<meta name="Keywords" content="">
<title>$TITLE$</title>
</head>
<body>
$END$
</body>
</html>
5.修改完以后点击Apply 再点击OK
然后就可以开始使用了
另外还可以新建一些别的自定义的模板
同样的道理
在此处需要注意的是下图中的位置
一定要勾选对应的否则不起效果的
另外此处也要勾选否则同样无效果
其他css、javascript同样道理就不一一演示了。
