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.

vue