webstorm set custom annotation/annotation

webstorm is known as the smartest JavaScript IDE and needs no introduction to it.
It is always necessary to annotate the code during development:
//*+Enter:

 /**
       * 
       * @param res
       */

or
//+comment content

//对内容进行介绍

Sometimes this does not meet your own needs,
so webstorm provides custom functions.
The following will explain some of your own settings.
1️⃣. Directly modify his annotation
settings→File and Code Templates→Javascript File

2️⃣. Fully customize
settings → search for live template directly

1. Click the + sign on the right

2.abbreviation is the abbreviation of the prompt for automatic completion (for example: time) description description
template text The content of the template file is for example:

/**$time$
*Author: Think twice
*Function:
*/
Then click edit variable
in the time line of data() Wait for the formatting effect you want,
check skip if define and click ok

Then make sure
to select reformat according to style (it will be indented intelligently according to the position you enter)
(No applicable contexts yet.) Define (click it. Associated with the corresponding language)
Finally, you enter the set abbreviation + set button in the code Such as table or enter
will get its own effect:

/** 2017/7/4 0004
       *作者:三思先生
       *功能:
       */

以上就是全部设置，如有问题，欢迎咨询
技术需要交流，大清亡与闭关锁国。 
欢迎转载。form 三思 QQ599901155