关于webstorm增加自定义代码的方法

WebStorm是前端必备的编辑器之一，功能强大好用。我们在使用WebStorm进行项目开发的时候经常会写注释，这个时候我们为了提高效率可以给工具自定义一些代码模版来让我们通过按某些端代码快速生成我们预先设置好的代码模版。具体设置步骤是：

1. 打开设置，window快捷键Ctrl+Alt+s，mac快捷键command+,打开设置窗口。
2. 在该窗口中找到Editor->Live Templates,然后在打开该项的右边找到要添加的那种文件的项：

对应汉化软件

3. 然后进行添加自定义模版 上边的代码我增加了一个变量，$date$表示增加当前日期的变量；

4. 然后点击右边的Edit variables按钮进行编辑模版中的变量 对应汉化软件： 在上边的窗口输入变量的名称，然后变量的值，然后勾线后边的选项，然后点击确定；

5. 然后增加该自定义模板在什么文件下生效 这里我们设置javascript文件和typescript文件生效。

6. 最后再把下图的选项勾选上。 通过上边的步骤我们就为js，和相关的文件增加了注释的快速添加方式。

然后我们在js文件中在方法的前边输入///然后按Tab就会问js方法增加我们刚才定义的注释模版。