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

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

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

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

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

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

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

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

定义应用的内容,点击下方蓝色字‘Define’,选择JavaScript

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

变量的设置:如日期变量$date$,点击右侧‘Edit variables’中设置具体内容,

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

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

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

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

再点击Tab键或Enter键(有补全提示时)即可。

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

函数说明注释
在函数声明上方键入 /** ,再按回车键:

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

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

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

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

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

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

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

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

本文来自转载,文章内容不代表随笔博客立场。
原文链接:Webstorm 文档注释模板及函数代码注释
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
(0)
上一篇 2022年 11月 25日 下午2:41
下一篇 2022年 11月 28日 下午3:29

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

联系我们

在线咨询: QQ交谈

邮件:jctestxcx@163.com

关注微信