Sublime Text3 插件:DocBlockr与javascript注释规范

1、引子

在写代码的时候,尤其是写脚本,最需要注释了。目前脚本、样式的注释格式都有一个已经成文的约定规范(这些约定规范最初是YUI Compressor制定的,详见参考资料)了,如下:

  1. /**
  2. * 这里的注释内容【会】被压缩工具压缩
  3. */
  4. /*!
  5. * 这里的注释内容【不会】被压缩工具压缩
  6. * 与上面一个注释块不同的是,第2个*换成了!
  7. */

其中说到这里说到的压缩工具有YUI Compressor 、Google Closure Compiler、gulp-uglify、grunt-contrib-uglify等,这些压缩工具都支持以上的压缩约定。常常把文件的关键信息放在第2种注释内容里,如文件名称、版本号、作者等。

关于这些关键信息,都有一些关键词和一定的格式来书写。关键词书写格式为:

  1. /**
  2. * @author ydr.me
  3. * @version 1.0
  4. */

使用@key desc格式来书写,常用的关键词有:

关键词 描述
@author 作者
@param 参数
@example 例子
@link 链接
@namespace 命名空间
@requires 依赖
@return 返回值
@version 版本号

其中,param关键词的格式为:

  1. /**
  2. * @param {String} 参数描述
  3. */

2、插件

使用package control安装DocBlockr。安装完成后使用方法如下:

A、先写完你的函数

  1. function testFunction(a, b, c) {
  2. }

B、然后在函数的前面一行,输入

  1. /**

C、然后回车,自动生成

  1. /**
  2. * [testFunction description]
  3. * @param {[type]} a [description]
  4. * @param {[type]} b [description]
  5. * @param {[type]} c [description]
  6. * @return {[type]} [description]
  7. */
  8. function testFunction(a, b, c) {
  9. }

D、并且在注释块中,按@键可以展开关键词:

3、参考资料

  • YUI Compressor注释规范:http://yui.github.io/yuidoc/syntax/
  • JSDOC:http://usejsdoc.org/

原文网址:http://qianduanblog.com/post/sublime-text-3-plugin-docblockr-javascript-comments-specification.html

时间: 2024-08-09 10:27:59

Sublime Text3 插件:DocBlockr与javascript注释规范的相关文章

sublime Text3插件教程

Mr_Renhappy Sublime Text3 3080安装及各种插件教程 作为一个前端开发人员,搭建自己喜欢的开发环境是必要的!Sublime Text3 作为一个前端开发利器是必备的, 会用是不够的,必须学会如何安装配置:作为一个windows用户很多命令行操作是很不习惯的,但有些地方命令行命令行也是必需的. 工具/原料 Sublime Text Nodejs 方法/步骤 1 打开Sublime Text3 官网   http://www.sublimetext.com/3 并下载与自己

sublime Text3 插件编写教程_第一课

今天给大家分享一下编写一个Sublime Text3 插件的流程以及使用插件解决的一个实际问题. 一.开发插件的前提条件 开发sublime插件用到的是Python语言,因此必须懂Python语言的基础语法.学习Python语言,推荐学习廖雪峰的Python教程(http://www.liaoxuefeng.com/). 编写插件处理文本用到正则表达式的地方非常多,尽量了解正则表达式语法.学习正则表达式,推荐正则表达式30分钟入门教程(http://www.cnblogs.com/deercha

Sublime text3插件安装方法

一.安装sublime text3插件的方法: 1.Ctrl+~键,调出console,将下面代码复制到底部命令行,回车: import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyH

Sublime Text3 插件收录

收录常用的Sublime Text3 插件, 方便安装使用,免得每次一个个的搜, 欢迎补充 安装方法直接打开install package 搜索安装 1. Babel 支持react jsx语法 2. Pretty JSON json 格式化 3. ConvertToUTF8 编码转换 4. Cmd Caller 在当前文件目录打开终端 设置: 打开Preference->Package Settings-->Cmd Caller-->Settings 然后添加设置如下: { "

sublime text3插件

1.Package Control:是一款方便 Sublime Text3管理插件的插件.2.Emmet:是一款具有语法补全功能,可以提高编程效率的插件.在使用快捷编程前,需要保存文件为Html,然后按Tab.http://www.iteye.com/news/275803.Theme和Color_scheme(配色):Soda dark,Flatland dark,Sunburst.4.Tag:是一款格式化html代码的插件,选中代码,按键Ctrl+Alt+F实现代码格式化.5.Css For

sublime text3插件篇

这里配置个适合我自己的sublime text3配置,以作备忘. (注:内容为网上找的拼凑而成,如有雷同,那就雷同吧~) 1.Emmet 强大的代码提示功能,安装无需配置就可以使用. 2.Git 支持sublime text3上的git操作 ,方便管理代码版本. 3.Sass & Sass Build 高亮显示sass代码,提高可读性. 按Ctrl+B编译,博主用空的sass可以编译成功,当前目录会出现 [name].css 和  [name].css.map(没啥作用,记录生成css的信息)文

Sublime text3 插件安装问题(最新最容易的添加Emmet插件方法)

Emmet插件作为Sublime text3 的热门插件,首先解决如何添加安装才是使用的基础 在添加Emmet插件的时候,我也遇到了若干问题,只能卸载Sublime text3再安装,终于安装成功,现分享下经验(2017/9/20) 1.首先先下载Emmet插件,下载(点击下载) 2.打开Sublime Text,依次Preferences→Browse Packages- 打开了一个文件夹,把解压的Emmet插件复制到这个文件夹的目录下 3.重启Sublime Text,你会看到右下角在下载P

sublime text3插件TrailingSpaces无法使用的解决方法

TrailingSpaces是很好用的一款插件,可以清除代码结尾打多了几个空格或Tab,对于代码洁癖绝对是个福音,我的sublime text3本来安装了这款插件,也可以正常使用,今天突然不能用了,即使是用鼠标点击: Edit > Trailing Spaces > Highlight Regions 也没有效果.快捷键的话也是无效.在sublime的下边栏显示:highlighting of trailing spaces is disable. 尝试重装了TrailingSpaces依然没

sublime text3插件的安装

http://www.cnblogs.com/zuike/p/4402022.html ctrl+shift+p,后输入install,再调出安装package 方法2 http://www.aiuxian.com/article/p-2315979.html 常用插件 1.ConvertToUTF8     支持多种编码,解决中文乱码问题. 2.Bracket Highlighter      用于高亮匹配括号.引号.html标签. 3.DocBlockr    可以自动生成PHPDoc风格的