Webstorm设置开发模板

骑猪看日落 2023-07-18 02:16 17阅读 0赞

### WebStorm设置开发模板 ###

可能大家会有一些疑问，什么是模板？为什么要设置模板的呢？模板就是一种通用的格式，如果在webstorm中设置了模板，那么每次创建一个javaScript文件的时候都会自动包含模板中的内容。

我们想要Webstorm新建文件过程中在文件头部加入创建时间，作者信息，项目名称。

Webstorm提供的模板方案的具体设置方法： 选择File --> setting --> Editor --> Color Style --> File and Code Templates – >选择对应的文件类型设置模板的风格，我们可以看到如下的界面，首先选择左边的文件类型，然后编辑右边的模板风格，根据喜好自己随意设置。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTc0Mzc5OQ_size_16_color_FFFFFF_t_70]  
如果大家对上述模板有兴趣的话可以对下面代码进行复制粘贴，设置到Webstorm即可：

/**
     * @Author: ${ USER}
     * @Date: ${ YEAR}-${ MONTH}-${ DAY}
     * @Project: ${ PROJECT_NAME}
     */

**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.

如果默认提供的模板变量的名称并非自己想要的，比如说$\{USER\}是通过登录的用户名获取的，如果想在项目单独设置一个名称，可以在第一张图片的Includes的标签下新建一个模板文件(tmp.js).

#set( $USER= "FlyElephant" )

然后直接在需要的文本模板中导入引用，即可使用的新的变量值:

#parse("tmp.js")

![在这里插入图片描述][20200323113526175.gif]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTc0Mzc5OQ_size_16_color_FFFFFF_t_70]: /images/20230528/7ddc32b80214453682f7ebf2388fd729.png
[20200323113526175.gif]: /images/20230528/5539ff31c69b4cf58a4f212b0b2787af.png