Webstorm 文档注释模板及函数代码注释

养成良好的代码习惯,规范化代码,规范的注释便于后续维护。

文档说明注释
Webstorm js中,自定义js说明注释(文档描述、作者、创建日期等):
快捷键 Ctrl + Shift + S 打开Webstorm设置,搜索‘Live Template’,找到JavaScript,如下:这里写图片描述

点击右上角“+”-> Live Template,添加注释模板,出现以下界面,填写相关的信息:
这里写图片描述

模板内容,如我需要定义文档描述、作者、创建日期:

/**
 * @Description: 
 * @author Tsukiis Chen
 * @date $date$ 
*/

定义应用的内容,点击下方蓝色字‘Define’,选择JavaScript
这里写图片描述
变量的设置:如日期变量$date$,点击右侧‘Edit variables’中设置具体内容,
这里写图片描述

最后点击右下角“Apply”“OK”,设置完成。

使用
在JS文档中,键入刚刚设置的模板简写(如‘des’),此时出现补全提示
这里写图片描述

再点击Tab键或Enter键(有补全提示时)即可。
这里写图片描述

函数说明注释
在函数声明上方键入 /** ,再按回车键:
这里写图片描述

第一行默认留空,此处手动填写函数用途说明,参数名后面的数据。类型说明需要手动添加(如果需要):
这里写图片描述

添加注解后,调用函数时将鼠标光标放于括号内,按Ctrl + P 可以查看函数调用所需要的参数提示(在键入参数的过程中自动显示提示):
这里写图片描述

如果注解中设置了参数类型,Webstorm将在开发过程中调用函数时对参数进行类型检测,如果不符合预定义的类型,将给予警告提示:
这里写图片描述

关于JS的其他简要开发规范,参考:https://www.cnblogs.com/polk6/p/4660195.html

  • 13
    点赞
  • 32
    收藏
    觉得还不错? 一键收藏
  • 15
    评论
回答: 在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 ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值