WebStorm添加注释模板

最新推荐文章于 2024-08-12 16:29:23 发布
最新推荐文章于 2024-08-12 16:29:23 发布
阅读量1.3w 收藏 3
点赞数 1
分类专栏： 工具 文章标签： 前端 工具 注释 模板 webstorm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dear_mr/article/details/78867640
版权

今天想给我的代码文件添加一些特定的注释，下面是具体的操作，当然不局限于下面的，可以添加更多你所需要的东西

添加后的效果

/**
 * @author Vao
 * @date 2017/12/21
 * @Description:
*/

添加的过程

我用的工具是WebStorm2017.2.3，点击File->Settings->Editor->live Templates，打开Settings的快捷键是Ctrl + ALT + S，下面的是一个基本步骤标识

这里写图片描述

关于内容主体如下：

/**
 * @author Vao
 * @date $date$ 
 * @Description: 
*/

这里的$date$是一个变量，所以需要在内容主体填写完之后，去给这个变量赋值，在Options里面有个Edit variables编辑变量

这里写图片描述

对第二步详细描述如下图

这里写图片描述

Tip：内容主体下面是有一个有用的范围，可以选择不同的文件，这个选择了之后，再点击Setting那个面板中的Apply就生效了，点击OK退出

使用过程

在代码文件中，写上之前写的命令“des”，则有下面的效果

这里写图片描述

然后按下Enter键，就生成了开头列举的效果

Dear_Mr
关注
专栏目录
Webstorm添加Vue代码模板——步骤详解
qwe122343的博客
02-11 4082
还在为每次敲Vue的重复代码苦恼吗？可以通过接下来简单6步帮大家减轻烦恼 1、点击Webstorm的File——Settings 2、找到Live Templates——点击Vue 3、点击右侧+号——点击1.Live Template 4、填写Abbreviation （缩写）和 Description以及模板中的代码 5、点击 Define——勾选HTML 6、点击Apply——点...
WebStorm 中自定义项目的文档注释
吴文静的博客
07-14 2677
前提 1、用WebStrom不管写HTML，还是JavaScript都会涉及到一些文档说明。尤其是文档的头部注解说明。 2、只要是你写的页面，头部注解说明基本一致。每次都写一遍？这不像是一个玩计算机人的风格。 3、下面的方法。就解决了此问题。 4、同时提示：养成良好的代码习惯，规范化代码，规范的注释便于后续维护。 实现效果 自定义模板开始 1、菜单栏===>settings 或者直接 快捷键 Ctrl + Alt + S 打开Webstorm设置，找不到的 可以 直接搜索 ‘Live Templa
WebStorm_快捷键和代码模板
01-04
WebStorm_快捷键和代码模板WebStorm_快捷键和代码模板 WebStorm_快捷键和代码模板
【IDEA】webstorm自定义注释模板与快捷键
alikami的博客
04-10 1250
webstorm自定义注释模板与快捷键
webstorm设置自定义头部注释，标明作者/时间/组件说明
最新发布
m0_73146522的博客
08-12 316
2.编辑器--实时模板--找到javascript--点击加号添加新模板。输入刚刚设置的缩写后下面会出现模板，我这里是des，3.缩写和描述，可以按照自己个人习惯来设置。随后按下键盘的⬇选中，再按tab即可生成。4.模板文本参考，换成自己的名字和描述。5.点击编辑变量来设置时间变量。6.在vue页面中使用该模板。下拉框先选择date()括号里面加入日期格式。
配置 webstorm 编辑器的注释头
qq_43640535的博客
08-03 685
配置 webstorm 编辑器的注释头
WebStorm中自定义文档注释模板
匪君的博客
01-15 248
WebStorm中自定义文档注释模板
WebStorm 中自定义文档注释模板（也叫设置文档头部注释）
飞翔的熊blabla
10-30 2719
前提： 　　用WebStrom不管写HTML，还是JavaScript都会涉及到一些文档说明。尤其是文档的头部注解说明。 　　只要是你写的页面，头部注解说明基本一致。每次都写一遍？这不像是一个玩计算机人的风格。 　　下面的方法。就解决了此问题。 　　同时提示：养成良好的代码习惯，规范化代码，规范的注释便于后续维护。 实现效果 如下： 文档说明注释： Webstorm 中，自定义说明注释模板，模板内容包括(文档描述、作者、创建日期等信息)： 自定义注释模...
webstorm如何自定义代码模板
Camel
04-12 3186
1、在webstorm中，点击file菜单栏，进入settings设置选项 2、选中Editor中的live Templates（动态模板） 3、点开javascript，点击+添加按钮 4、填写模板 注释： （1）Abbreviation（缩写）：填写了can，即输入can按tap键，就会自动生成代码模板 （2）description：模板介绍 （3）Templates text：模板文字...
WebStorm 配置文件注释
yangyang_A的博客
10-30 897
WebStorm 配置文件注释 打开webstorm 设置, 找到 Live Template 设置 添加快捷键模板 模板写法 /** * @author: ********* * @age: 永远18岁的美少年 * @Email： ********** * @date: $date$ * @description: $description$ */
webstorm注释快捷键
08-31
在WebStorm中，单行注释的快捷键是Ctrl + /，块注释的快捷键是Ctrl + Shift + /。 这两个快捷键可以帮助你在代码中添加注释并提高代码的可读性。 另外，如果你想在WebStorm中快速给一段内容前后加上标签，可以使用...
webstorm模版注释
留守先生
04-16 365
网上的都太麻烦了，跟着操作还不一定成功，这里给个简单的 preferences -> Editor -> File andCode Templates 点击 apply 然后 OK保存 /** * @Description: * @author guofeng * @date ${DATE} ${TIME} */ ...
Webstorm 文档注释模板及函数代码注释
qq_39108466的博客
03-27 3万+
养成良好的代码习惯，规范化代码，规范的注释便于后续维护。 文档说明注释 Webstorm js中，自定义js说明注释(文档描述、作者、创建日期等)： 快捷键 Ctrl + Shift + S 打开Webstorm设置，搜索‘Live Template’，找到JavaScript，如下： 点击右上角“+”-> Live Template，添加注释模板,出现以下界面，填写相关的信息： ...
WebStorm中自定义注释模板
晴小天
01-21 5744
自定义注释模板 最终实现的效果为 : /// + Enter，显示自定义模板内容，模板包括(描述、作者、时间等信息) 1.设置-活动模板-JavaScript，点击右侧的加号，选择Live Template 2.在缩写处输入自定义的快捷键（如：///），在描述处输入描述信息，在模板文本处输入注释模板，如： /** *@desc *@author sky *@date
WebStorm、IDEA设置文档注释
qq_45015198的博客
04-25 3416
对于程序开发来说，优雅的注释是很必要的，但对于文件、函数每次都要手写注释这会变得比较麻烦，所以可以通过设置注释模板来完成。 1. 点击file打开setting，进入设置界面，进行如下操作 ......
【 webstorm 】设置文档注释
CharlynYanyan的博客
03-13 1501
按照设置的规则进行格式化本块代码
『干货』WebStorm代码模板配置大全
贤哲XianZhe的博客
10-22 1441
在VsCode编辑器上更多是通过快速生成指令来实现，当然也有创建文件时自动添加代码模板的插件。对于Jetbrains家族来讲，软件本身支持在创建文件的时候自动添加预制代码，且内置了大多数不同类型文件的代码模板。本文章主要是基于Jetbrains家族中的WebStorm这个IDE，更好的利用其代码模板功能进行扩展，方便且提高编写代码的效率，如需设置代码模板，在设置选项此处中配置👇。
webstorm设置自定义注释/注解
热门推荐
罗忠浩的博客
07-04 6万+
webstorm被称为最智能的JavaScript IDE，不需要为它做过多的介绍。 在开发过程中总是需要对代码进行注解： //*+回车： /** * * @param res */或者是 //+注释内容//对内容进行介绍有的时候这样并不能满足自己的需求 所以webstorm提供了自定义功能， 下面就为大家讲解一些自己进行的设置。 1️⃣.直接
webstorm自定义注释模板
07-28
回答: 在WebStorm中，你可以通过自定义注释模板来快速生成注释。有几种方法可以实现这个目标。一种方法是在设置中使用活动模板，具体步骤如下：首先，点击设置，然后选择活动模板，再点击右侧的加号，选择Live Template。在缩写处输入你想要的快捷键，比如"///"，在描述处输入描述信息，在模板文本处输入注释模板，比如："/** *@desc *@author sky *@date $date$ */"。\[1\] 另一种方法是点击右上角的"+"，然后选择Live Template，填写相关的信息。参考如下：<!-- @name: @description: @author: byx @time: $date$ -->。\[2\] 通过使用这些自定义注释模板，你可以快速生成注释，并且可以根据需要进行修改。这样可以提高你的开发效率。\[3\] #### 引用[.reference_title] - *1* [WebStorm中自定义注释模板](https://blog.csdn.net/a15122282003/article/details/79123390)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [WebStorm 中自定义文档注释模板（也叫设置文档头部注释）](https://blog.csdn.net/sd19871122/article/details/109382098)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值