我们写前端页面时会有很多的机械重复代码,每写一个文件都要重新写一遍,枯燥且浪费时间,有没有一个方法可以快速生成这些代码呢!webstorm替我们考虑到了这个问题,提供了解决方案,接下来让我们一起看看,如何使用快捷键生成这些固定代码。
代码实例:
以上面一个jQuery的模板来说,引入jQuery以及写入口函数等操作都是一些机械重复的代码,每一个使用jQuery的文件都要写一遍,那么我们就一这个文件为例,使用快捷键来生成这些机械代码。
具体操作:
1、复制需要生成的代码
2、
3、在搜索框输入live,点击Live Templates
4、按照图示点击创建一个模板
5、配置快捷键
6、点击apply之后点击OK
7、在需要放入固定代码的地方输入快捷键,按tab,代码即可生成,如果代码缩进有问题可以回到之前输入代码的地方调整一下, 调整缩进需要耐心,因为在代码框中的缩进和html中的缩进不一样,我也不知道为什么,反正需要几次试错。
声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!