我们写前端页面时会有很多的机械重复代码，每写一个文件都要重新写一遍，枯燥且浪费时间，有没有一个方法可以快速生成这些代码呢？有！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中的缩进不一样，我也不知道为什么，反正需要几次试错。

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

ps 自动生成html代码,谁知道用ps软件做出来的图片怎么生成html代码?求生成html代码步骤...
下面就由小编为大家分享一款由ps做出来的图片生成html代码方法的教程打开ps软件,选中要转换成html静态页的图片,这边就以百度经验的页面为例! 1.打开百度经验页面的保存为一张图片;看清楚是图片 ...
什么是铁路信号安全计算机平台,铁路信号系统安全计算机平台配置工具软件设计.pdf...
铁路信号系统安全计算机平台配置工具软件设计.pdf 2016年 1O月铁道通信信号 October2016 第52卷第 lO期 RAILWAYSIGNALLING& C0MMUN ...
H5类似易企秀/编辑器/页面制作/开发/生成工具/软件/源码/授权
代码地址如下: http://www.demodashi.com/demo/14960.html 项目简介 H5DS (HTML5 Design software) 这是一款基于WEB的 H5制作工具 ...
Revit软件用幕墙工具创建百叶窗及CAD门窗生成方法
Revit软件用幕墙工具创建百叶窗及CAD门窗生成方法首先,新建轮廓族,如图1-1所示,尺寸根据需要确定,如图: 编辑新建族的类别轮廓类型修改为竖挺如图1-2, 新组类型命名百叶窗如图1-3所示.然 ...
软件推荐——二维码生成工具（绿色版）
Simple Code Generator 二维码生成工具软件介绍: Simple Code Generator是一款适用于Windows的简单工具,它允许您快速生成二维码,以便在智能手机上使用应用 ...
mac截图快捷键+截图工具软件+方法教程
苹果的MAC电脑就是专门为办公人士以及作图人士所设计生产的,同时它的安全性以及它的屏幕分辨率非常高,因此苹果的MAC电脑深受人们的喜欢. 而苹果MAC为了可以方便人们的使用,它为人们优化了非常多 ...
电脑高效率工作、学习工具软件推荐
本文介绍在学习.工作时,实测很好用.明显提高工作效率的几个免费电脑软件与小工具. 1 Microsoft To Do 官方网站:https://todo.microsoft.com/tasks ...
智能创新引导工具软件——项目总结报告
文章目录一.项目背景 1.项目理论基础--TRIZ理论 2. 国内外TRIZ理论发展状况 3. 开发目的 4.项目特色二.项目概述 1.主要功能 2.基本流程 3.运行环境三.项目实现 1.项目 ...
10款屏幕取色器/颜色拾取工具软件介绍及下载地址[转]
10款屏幕取色器/颜色拾取工具软件介绍及下载地址(附截图) 2009年12月07日 14:13 在做网页设计和程序界面的时候,看到比较喜欢的图片颜色,总是要拾取下来应用到自己的网页或图片的颜色中,但是 ...

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

代码实例：

具体操作：

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

最新文章

热门文章