#002 WebStrom Live Templete 使用说明

 

 

WebStrom Live Template 使用说明

2016-03-30 20:33:52 星期三
WebStrom是前端一个强大的开发IDE。目前前端主要的开发工具有 Sublime Text3 和 WebStrom， Sublime Text3 是一个轻量级的编辑工具，但是WebStrom 就是一个大而全，牛逼比的开发工具。 如果你的电脑内存 大于 2G ，就强烈推荐使用WebStrom 来进行代码的开发。

这里主要讲解一下 Live Template 的使用

Live Template 是一个 代码片段， 在开发的过程中，如果直接敲一个快捷键，然后快速的生成我们需要的代码，那个是多么高效爽快的事情啊。

如何使用Live Template

1. ctrl+alt+s 或者 file–> setting –> live template

2. 然后勾选我们需要的代码片段
   

3. 这里提供了一些 常用的代码片段，但是可能我们还需要自定义

4. 新增代码片段
   
   敲 log 的时候，按 tab 就可以快速生成 内容部分的代码
   

5. 【重点】这里需要勾选在什么文件中起作用，不勾选会一点作用都没有的哦
   

6. 变量的使用
   这里使用变量，变量 NAMENAME ,变量的内容，在 右边的 Edit Variables
   需要走 第5步，再来这里设置才起作用
   
   可以选择变量默认值是什么？ 可以试文件名称，序号，对象啥的？ 具体请自行尝试
   

7. 效果图

 

来自为知笔记(Wiz)