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

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

 代码实例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>13-通过webstorm简化操作</title>
    <script src="js/jquery-1.6.4.js"></script>
    <script>
        $(function () {

        })
    </script>
</head>
<body>

</body>
</html>

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

具体操作:

1、复制需要生成的代码

2、

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

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

5、配置快捷键

6、点击apply之后点击OK

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

猜你喜欢

转载自blog.csdn.net/tyrant_forever/article/details/107399664