sublime常用插件及作用

1. Sublime Text简介

Sublime Text是一款轻量级的文本编辑器,支持跨平台操作,功能强大,界面简洁美观,是众多程序员、开发人员、系统管理员的首选编辑器之一。Sublime Text可以通过安装插件来增强其功能,下面就是一些Sublime Text常用的插件及作用。

2. Emmet(前身为Zen Coding)

Emmet是一种基于HTML、XML、XSLT等格式,通过快速输入简写语法,就可以生成目标代码的插件。在HTML和CSS开发中,我们经常需要输入大段的代码,从而花费大量的时间和精力。Emmet插件提供了快速编写HTML、CSS等标记的方法,可以有效地提高我们的开发效率,具有较高的可读性和易写性。

2.1 Emmet快速输入语法

Emmet插件提供了很多简写语法,用于快速输入HTML或CSS标记。以下是一些常用的简写语法:

ul>li*5>a

上面的代码将生成一个带有五个链接的列表。若要生成无序列表ul,直接输入ul即可。若要生成有序列表ol,输入ol即可。

#header

上面的代码将生成一个带有ID为header的div容器。

.clearfix

上面的代码将生成一个具有clearfix类名的div容器。同时,我们可以使用“{}”和“,”来生成标记的属性值:

a[href=#], span.tooltip{ font-size: 12px; }

上面的代码将生成一个具有两个属性的a标签,和一个带有tooltip类名和字体大小为12px的span元素。

3. AutoFileName

AutoFileName插件用于自动完成文件路径和文件名。它提供了通过点击键盘上的Tab键或者鼠标右键,自动完成文件路径和文件名的功能。在搜索文件或者路径时,它也会自动完成文件名,提高了编程效率。

4. Side Bar

Side Bar插件是Sublime Text的侧边栏插件,多数情况下,我们通过Sublime Text打开一个文件时,文件路径没有显示在侧边栏中。这时,我们可以通过Side Bar插件实现在侧边栏中查看文件路径的功能,包括文件的目录结构等。

5. DocBlockr

DocBlockr插件是一款可以快速生成注释的插件,可用于JavaScript、PHP、Java、Ruby、Python等语言。在编写代码时,我们经常需要编写注释文档,而注释文档需要遵循特定的格式和规则。通过DocBlockr插件,我们可以快速编写规范的注释文档,从而提高代码的可读性。

5.1 DocBlockr编写注释的语法

DocBlockr插件的语法类似于JavaDoc规范:

/**

* @description 描述信息

* @param {参数类型} 参数名称 参数描述

* @return {返回值类型} 返回值描述

*/

例如,使用DocBlockr插件编写如下的注释:

/**

* @description 定义一个人的对象

* @param {String} name 人的名称

* @param {Number} age 人的年龄

* @return {Object} 返回一个人的对象

*/

DocBlockr插件将会生成如下的注释文档:

/**

* [函数名称]

* @description 定义一个人的对象

* @param {String} name 人的名称

* @param {Number} age 人的年龄

* @return {Object} 返回一个人的对象

*/

6. Git

Git插件可以完成多种Git操作(如提交、拉取、推送、拉取等),从而实现代码的版本管理。Coditor插件通过直接在编辑器中进行Git操作,使得Git操作更加高效,从而进一步提高了编程效率。

7. ReactJS

ReactJS是一种由FaceBook开发的开源库,用于构建用户界面,适用于JavaScript编写单页应用。ReactJS插件用于在Sublime Text中开发React JS代码,提供了语法高亮、名称补全和代码片段功能。

8. Conclusion

以上便是Sublime Text的常用插件及作用,这些插件可以用于快速编写HTML、CSS、JavaScript等代码,提高编程效率。通过这些插件的使用,可以让我们更加高效、便捷地进行代码编写和管理。