Webstorm新建JS文件、CSS文件时自动生成文件注释

Webstorm 是jetbrains公司旗下一款优秀的前端开发工具。随着现在大型项目模块越来越多，参与人员也越来越多，实际项目中经常需要明确文件用途和文件的归属，所以创建文件时添加文件注释是一种必要手段，这样即可以帮助自己和别人快速明白文件用途，又可以快速定位问题，还可以减少代码的交叉修改，避免不必要的冲突。

settings --> Editor --> File and Code Temlates　　选择(CSS File 或 JavaScript File)

　　

　　

 

在Files内选择需要添加注释的文件类型，然后在右侧黑色文本框内输入需要的文件注释，这样就可以在新建该类型文件时，自动生成文件注释。如下两图所示：

　　

参考代码实例：

/**
* @name: ${NAME}
* @author: ${USER}
* @date: ${DATE} ${TIME}
* @description：${NAME}
* @update: ${DATE} ${TIME}
*/

或

/**
* @name: ${NAME}
* @author: ${USER}
* @date: ${YEAR}-${MONTH}-${DAY} ${HOUR}:${MINUTE}
* @description：${NAME}
* @update: ${YEAR}-${MONTH}-${DAY} ${HOUR}:${MINUTE}
*/

参数说明：

　　name：文件名称；

　　auther：作者(文件创建者)；

　　date：文件创建时间；

　　description：文件描述 (描述当前文件用途，JS文件还包括依赖关系)；

　　update：文件更新时间 (便于查看文件最后更新时间)；

变量说明：

　　${NAME}：当前文件 文件名称；

　　${USER}：当前系统 登录用户名；

　　${DATE}：当前系统 设定日期格式；

　　${TIME}：当前系统 设定时间格式；

　　${YEAR}：完整年份，如 2020；

　　${MONTH}：完整月份，如 02；

　　${DAY}：完整日期，如 11；

　　${HOUR}：24小时制小时，如 16；

　　${MINUTE}：完整分钟，如 32。