在近期的JS的学习中，使用webstorm，总是要先新建一个html文件，然后再到里面书写<script>标签，真是麻烦，而且标题也是默认的title，想改成文件名还总是需要手动去改
经过小小的研究，找到了修改生成模板的方法
1.设置
2.文件 | 设置 | 编辑器 | 文件和代码模板
3.快速进入
这里可以看到HTML的模板了，默认模板代码如下（不用复保存的，一会儿教你一键还原）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>#[[$Title$]]#</title>
</head>
<body>
#[[$END$]]#
</body>
</html>首先先改title默认文件名，以下是jetbrain官方给的参考参数
预定义变量列表
${DATE} 当前系统日期
${DAY} 当前月份的日期
${DAY_NAME_SHORT} 当前日期名称的前 3 个字母（例如，Mon、Tue 等）
${DAY_NAME_FULL} 当前日期的全名（Monday、Tuesday 等）
${DIR_PATH} 新文件的目录路径（相对于项目根目录）
${DS} 美元符号 （$）。 此变量用于转义美元字符，因此不会将其视为模板变量的前缀。
${FILE_NAME} 新文件名称
${HOUR} 当前小时
${MINUTE} 当前分钟
${SECOND} 当前秒
${MONTH} 当前月份
${MONTH_NAME_SHORT} 当前月份名称的前 3 个字母（Jan、Feb 等）。
${MONTH_NAME_FULL} 当前月份的全名（January、February 等）。
${NAME} 新实体的名称（文件、类型、接口等）
${ORGANIZATION_NAME} 在项目设置中指定的组织名称
${PRODUCT_NAME} IDE 名称
${PROJECT_NAME} 当前项目名称
${TIME} 当前系统时间
${USER} 当前用户的系统登录名
${YEAR} 当前年度
根据参考，我们选择${FILE_NAME}即可，写进模板里如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>${FILE_NAME}</title>
</head>
<body>
#[[$END$]]#
</body>
</html>在修改了模板文件后，重新进此页，会出现下图的两个选项
重置（蓝色）：一键还原当前的模板，且只在编辑时才会出现，而且点击后此页的所有模板选项会全部清空，再次重进此页会重新看到默认的模板文件，所以不推荐点击
还原图标：还原单个模板文件，出现重置确认弹窗后同意即可
然后再加上想修改的其余部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>${FILE_NAME}</title>
<style>
body {
background-color: black;
}
</style>
<script>#[[$END$]]#
</script>
</head>
<body>
</body>
</html>再次新建一个用于测试模板的文件，会发现IDE会帮我们自动生成好可以直接写JS学习代码的HTML文件了，里面有css的用于护眼的代码，还有准备好的scrip标签，游标也自动停在了scrip标签后面，直接回车就能开写，非常贴心
然后格式不对直接一个ctrl+alt+L组合键一键整理就完事了，非常方便我这种懒人
还可以自定义自己喜欢的模板，例如
${FILE_NAME}
${PROJECT_NAME}
${PRODUCT_NAME}
${DATE}
项目描述：
代办清单：
人员名单：点击应用后，回到项目中，直接通过模板可以快速建立一个项目文档
哦，懒癌福音，可以轻轻松松的写好项目任务清单，真是太棒了
![[word] word技巧分享_word自动编号的标题 #知识分享#知识分享#其他](https://img-blog.csdnimg.cn/img_convert/157b6d3815e3108636643ed2a05b7e90.jpeg)
![[Vue warn]: Duplicate keys detected: ‘1‘. This may cause an update error.](https://img-blog.csdnimg.cn/direct/e2583e8dce28417eb1fce98d423402f2.png)
