webstorm设置新建vue文件的模板

Webstorm 添加新建文件类型

以创建 Vue 文件为例：

  File—Setting—Editor—File and Code Template 分支，点击添加，依次输入 Name 和 Extension，OK 即可。如图：

Webstorm 创建文件模板

  Webstorm 新建文件过程中现在文件头部加入创建时间，作者信息，项目名称，需要用到修改默认的模板，即上一步，模板代码：

Webstorm 提供了常用的预定义模板变量，用户名，项目名称，时间，年，月，日等

• ${PROJECT_NAME} - 当前项目的名称

• ${NAME} - 在创建文件期间在新建文件对话框中指定的文件名称

• ${USER} - 系统的当前用户登录名称

• ${DATE} - 当前系统日期

• ${TIME} - 当前系统时间

• ${YEAR} - 当前年份

• ${MONTH} - 当前月份

• ${DAY} - 当前月的日期

• ${HOUR} - 当前时刻

• ${MINUTE} - 当前分钟

• ${PRODUCT_NAME} - 将被创建文件所在的 IDE 名称

• ${MONTH_NAME_SHORT} - 月份名称的前 3 个字母，例如： Jan, Feb, etc.

• ${MONTH_NAME_FULL} - 月份全称，例如： January, February, etc.