【工具软件】webstorm如何使用快捷键生成固定代码

       我们写前端页面时会有很多的机械重复代码，每写一个文件都要重新写一遍，枯燥且浪费时间，有没有一个方法可以快速生成这些代码呢？有！webstorm替我们考虑到了这个问题，提供了解决方案，接下来让我们一起看看，如何使用快捷键生成这些固定代码。

 代码实例：

      以上面一个jQuery的模板来说，引入jQuery以及写入口函数等操作都是一些机械重复的代码，每一个使用jQuery的文件都要写一遍，那么我们就一这个文件为例，使用快捷键来生成这些机械代码。

具体操作：

1、复制需要生成的代码

2、

3、在搜索框输入live，点击Live Templates

 

4、按照图示点击创建一个模板

 

5、配置快捷键

 

6、点击apply之后点击OK

 

7、在需要放入固定代码的地方输入快捷键，按tab，代码即可生成，如果代码缩进有问题可以回到之前输入代码的地方调整一下， 调整缩进需要耐心，因为在代码框中的缩进和html中的缩进不一样，我也不知道为什么，反正需要几次试错。