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

深碍√TFBOYSˉ_ 2023-10-17 20:46 9阅读 0赞

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

操作步骤如下（汉化版WS）：

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

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

![172074-20151203165320283-1500546171.png][]![172074-20151203165333314-185289160.png][]

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

![172074-20151203165434893-366676359.png][]

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

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

我的配置文件：[http://www.apigo.cn/ws/config/JavaScript.xml][http_www.apigo.cn_ws_config_JavaScript.xml]

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

[172074-20151203165320283-1500546171.png]: https://images2015.cnblogs.com/blog/172074/201512/172074-20151203165320283-1500546171.png
[172074-20151203165333314-185289160.png]: https://images2015.cnblogs.com/blog/172074/201512/172074-20151203165333314-185289160.png
[172074-20151203165434893-366676359.png]: https://images2015.cnblogs.com/blog/172074/201512/172074-20151203165434893-366676359.png
[http_www.apigo.cn_ws_config_JavaScript.xml]: http://www.apigo.cn/ws/config/JavaScript.xml

发表评论取消回复

表情：

评论列表（有 0 条评论，9人围观）

还没有评论，来说两句吧...

相关阅读

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

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

深碍√TFBOYSˉ_/ 2023年10月17日 20:46/ 0 赞/ 10 阅读

相关 IDEA快速生成Java代码

IDEA快速生成Java代码生成主方法 psvm+回车打出System.out.println(); sout+回车打出for循环条件+for+

朱雀/ 2023年03月13日 12:28/ 0 赞/ 319 阅读

相关快速生成代码片段

在开发过程中有一写代码重复的使用，而且不能重构。可以使用代码生成管理器进行快捷键的绑定，提高开发效率。工具--》代码片段管理--》c\ --》Visual C\ 可以自

落日映苍穹つ/ 2022年12月11日 07:46/ 0 赞/ 421 阅读

相关 idea 快速生成代码的快捷键

psvm 加ab键 mian方法快速生成 sout 加tab键输出打印快捷键 alt+insert 快速生成get set 方法 itar 生成

Dear 丶/ 2022年10月23日 11:17/ 0 赞/ 239 阅读

相关 jeesite快速开发平台(六)----代码生成模块介绍及使用

一、简介 jeesite提供了配套的代码生成功能，内置了三种生成方案: ![20180211161921084][] 树结构: ![20180

快来打我*/ 2022年05月31日 07:20/ 0 赞/ 577 阅读

相关 HTML/CSS代码快速生成

一、快速编写HTML代码输入后按tab键 1. 初始化 HTML文档需要包含一些固定的标签，比如<html>、<head>、<b

╰+攻爆jí腚メ/ 2022年05月29日 04:25/ 0 赞/ 318 阅读

相关 elipse 关键代码快速生成

window->perference ![70][] 这里最需要注意的是Auto Activation，下面有一个Auto activation triggers for

ゝ一纸荒年。/ 2022年05月21日 07:48/ 0 赞/ 202 阅读

相关 webstrom 快速生成代码块

在开发中，有很多模块是重复使用的，但如果每次都要敲一遍，那开发速度就会大大降低，所以，需要自定义一些常用模块代码，然后输入缩写按TAB键输入。下面教教大家如何自定义代码块。

逃离我推掉我的手/ 2022年04月22日 07:08/ 0 赞/ 380 阅读

相关 WebStorm代码格式化

![WebStorm编辑器][WebStorm] 快捷键： command + options + L [WebStorm]: /images/20220310/4

你的名字/ 2022年03月10日 15:23/ 0 赞/ 354 阅读

相关 vscode 快速生成React代码块

1、安装插件 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0

悠悠/ 2021年08月29日 18:41/ 0 赞/ 703 阅读