使用WebStorm自定义快捷模板

对于编写jQuery网页代码每次都要编写重复的代码非常麻烦,在WebStorm提供了一个自定义模板的功能可以简化操作

1. 编写重复代码框架

<script src="src/js/jquery.js">script>
  <script>
    $(function(){
      //编写jQuery代码
    })
script>

2. 点击WebStorm的 File 下的 Setting按钮

使用WebStorm自定义快捷模板_第1张图片

3. 搜索 live Templates

使用WebStorm自定义快捷模板_第2张图片

4.移动到 html/xml标签上点击 +号再点击 live Template 添加新模板

使用WebStorm自定义快捷模板_第3张图片

5.将代码放置在 template Text区域且通过 Abbreviation 设置快捷键

使用WebStorm自定义快捷模板_第4张图片

6. 点击 Define 设置Everywhere

使用WebStorm自定义快捷模板_第5张图片

7.点击 Apply 并退出, 之后在页面 输入 jq 并且按下 Tap 键即生成模板

你可能感兴趣的:(应用软件)