webstrom 快速生成代码块

逃离我推掉我的手 2022-04-22 07:08 348阅读 0赞

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

### 步骤： ###

1、file->setting 打开设置面板，Editor->Live Templates

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MTEwNTM4_size_16_color_FFFFFF_t_70][]

2、设置快捷书写![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MTEwNTM4_size_16_color_FFFFFF_t_70 1][]

3、测试使用

在编辑区输入缩写

![20181103115842952.png][]

按TAB键，则会自动生成

![20181103115929176.png][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MTEwNTM4_size_16_color_FFFFFF_t_70]: /images/20220422/a31f38b1b34844feb4ba690a49c1ba34.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MTEwNTM4_size_16_color_FFFFFF_t_70 1]: /images/20220422/1a24b8807dc74723a9518447e07c9e50.png
[20181103115842952.png]: /images/20220422/1bb031d5649948229996d5ce13084ab4.png
[20181103115929176.png]: /images/20220422/1ab264acb94642f5b9d3e5037add7dc4.png

发表评论取消回复

表情：

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

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

相关阅读

相关在HBuilderX中用代码块功能快速生成代码

在HBuilderX中用代码块功能快速生成代码

客官°小女子只卖身不卖艺/ 2024年04月23日 12:43/ 0 赞/ 94 阅读

相关 vscode快速创建js代码块

vscode内置有个用户代码片段自定义设置功能，可以简单创建我们需要的模板代码！下边介绍具体配置步骤 1、打开vscode 左下角设置，点击用户代码片段 ![a8996

ゝ一世哀愁。/ 2023年10月15日 18:57/ 0 赞/ 62 阅读

相关 IDEA快速生成Java代码

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

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

相关快速生成代码片段

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

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

相关 HTML/CSS代码快速生成

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

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

相关 elipse 关键代码快速生成

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

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

相关 webstrom 快速生成代码块

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

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

相关用webstrom快速入门vux

创建一个vue项目 ![新建vue项目][vue] > 一直点next即可 > 创建完成的项目结构 > ![创建完成的项目结构][2018120818395366

左手的ㄟ右手/ 2022年04月06日 06:40/ 0 赞/ 240 阅读

相关 idea快速开发之代码块编辑

使用idea操作的时候，经常想对代码块进行操作，如果一个个切换效率就太低了，下面这招可以提高代码块的编辑（默认的快捷键）。按住 `alt`，再按住左键拖动，选择需要拖动的

迷南。/ 2021年09月24日 06:28/ 0 赞/ 551 阅读

相关 vscode 快速生成React代码块

1、安装插件 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0

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