WebStorm按Tab建快速生成代码模块

简介: WS中,比如调试每次都要写的console.log(xxx);每次都要敲一遍,还有if模块,for循环模块,难道没有快捷键,可以生成代码模块吗,答案是“有”。 操作步骤如下(汉化版WS): 1、Alt + F7打开设置页面; 2、找到如下模板,点击右边的“+”号添加Live Template设置关键字和代码,选择底下的Define选择JavaScript点击确定,即可;如图: 3、在代码中输入for点击“Tab”键,就看到我们添加的代码了,如图:     英文版WS设置:Webstorm > Preferences > Live Templates 打开设置。

WS中,比如调试每次都要写的console.log(xxx);每次都要敲一遍,还有if模块,for循环模块,难道没有快捷键,可以生成代码模块吗,答案是“有”。

操作步骤如下(汉化版WS):

1、Alt + F7打开设置页面;

2、找到如下模板,点击右边的“+”号添加Live Template设置关键字和代码,选择底下的Define选择JavaScript点击确定,即可;如图:

3、在代码中输入for点击“Tab”键,就看到我们添加的代码了,如图:

 

 

英文版WS设置:Webstorm > Preferences > Live Templates 打开设置。

 

======================================================================华丽的分割线======================================================================

我的配置文件:http://www.apigo.cn/ws/config/JavaScript.xml

打开本机目录:C:\Users\Administrator\.WebStorm11\config\templates 创建或替换JavaScript.xml重启启动Ws即可使用快捷键~

 

img_fa0be433d68c8212b2b0b3b1a564ccb1.png
如果本文对你有所帮助,请打赏——1元就足够感动我:)
支付宝打赏 微信打赏
联系邮箱:intdb@qq.com
我的GitHub: https://github.com/vipstone
关注公众号: img_9bde0f31ac4a0eca10b1bd7414b78faf.png


作者: 王磊
出处: http://vipstone.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,请标明出处。

相关文章
|
5月前
Auto.js VSCode 代码提示怎么生效(代码补全)
Auto.js VSCode 代码提示怎么生效(代码补全)
213 0
|
JavaScript
vscode中通过快捷键`vh`将vue初始化代码结构自动输出
vscode中通过快捷键`vh`将vue初始化代码结构自动输出
399 0
vscode中通过快捷键`vh`将vue初始化代码结构自动输出
|
5月前
|
JavaScript
设置VSCode快捷键vue生成代码片段
设置VSCode快捷键vue生成代码片段
设置VSCode快捷键vue生成代码片段
|
5月前
hbuilderX uni-app 自定义快捷键无效、无法生效解决方法(附:好用的常用的快捷键自定义代码片段)
hbuilderX uni-app 自定义快捷键无效、无法生效解决方法(附:好用的常用的快捷键自定义代码片段)
|
10月前
|
移动开发 HTML5
解决VScode 使用 ! +Tab键无法无法生成HTML模板的问题
解决VScode 使用 ! +Tab键无法无法生成HTML模板的问题
|
11月前
|
C++
美化----VS Code 文件小图标插件 “VScode icon”
美化----VS Code 文件小图标插件 “VScode icon”
180 0
|
前端开发
vsCode中的css代码提示reference怎么关闭?
vsCode中的css代码提示reference怎么关闭?
311 0
解决 VScode 在打开新Tab是覆盖上一个Tab的问题(亲测可用)
解决 VScode 在打开新Tab是覆盖上一个Tab的问题(亲测可用)
|
前端开发
VSCODE快速生成代码tips
VSCODE快速生成代码tips
【已解决】vscode修改运行中的项目时,代码编译运行时编辑器就会突然多出一行
vscode修改运行中的项目时,代码编译运行时编辑器就会突然多出一行
255 0
【已解决】vscode修改运行中的项目时,代码编译运行时编辑器就会突然多出一行