1、Emmet(前端必备神器)

说明:Emmet 作为 zen coding 的升级版,对于前端来说,可是必备插件,如果你对它还不太熟悉,可以在其官网(http://docs.emmet.io/)学习具体使用方式。

2、JSFormat

功能:JavaScript 的代码格式化插件

说明:对于压缩的 js 文件,混乱不堪入目,这个插件可以帮我们把原始代码整理,包括换行和缩进等功能。

使用方法:在已压缩的 JS 文件中,右键选择 jsFormat 或者使用默认快捷键(Ctrl+Alt+F)

3、LESS

功能:LESS 高亮插件

说明:可以让 sublime 支持 less 的语法,高亮显示

使用方法:打开 .less 文件或者设置为 less 格式

4、LESS2CSS

功能:编译 Less

说明:监测到文件改动时,编译保存为 .css 文件

使用方法:打开.less 文件,编写代码保存即可看到同时生成.css 的文件

5、Alignment

功能: “=” 对齐

说明:定义的变量太多,参差不齐,可以使用一键对齐

使用方法:默认快捷键 Ctrl+Alt+A,如果和其他快捷键冲突,可设置其他快捷键如:Ctrl+Shift+Alt+A;先选择要对齐的文本

6、SublimeLinter

功能:代码校验插件

说明:支持 HTML、CSS、JS、PHP、Java、C++ 等 16 种语言;

7、BracketHighlighter

功能:括号高亮匹配,代码匹配

说明:在选择一个括号的时候,会自动匹配到另外一半括号,可匹配[], (), {}, “”, ”, ,高亮标记,便于查看起始和结束标记

8、sublime-autoprefixer

功能:CSS 添加私有前缀

说明:各大浏览器一个前缀以解决兼容问题的问题,可以使用这个插件

9、Git

功能:git 管理

说明:插件基本上实现了 git 的所有功能

使用方法:可以参考 https://github.com/kemayo/sublime-text-git/wiki 这里进行学习和使用

10、JQuery

功能:jQuery 函数提示

说明:可以快捷的输入 jQuery 的函数,有提示功能

11、DocBlockr

功能:生成优美注释

说明:可以生成标准的注释,包括函数名、参数、返回值等,并以多行显示

使用:输入/*、/**然后回车,更多的用法,请参照 https://sublime.wbond.net/packages/DocBlockr

12、ColorPicker

功能:调色板

说明:需要给定颜色时候,可以选择指定的颜色

使用方法:Windows 快捷键: ctrl+shift+c

13、ConvertToUTF8

功能:文件转码成 utf-8

说明:可以编辑并保存目前编码不被 Sublime Text 支持的文件

14、AutoFileName

功能:输入文件名

说明:自动完成文件名的输入

使用方法:输入“/” 即可看到相对于本项目文件夹的其他文件

15、Nodejs

功能:node 代码提示

使用方法:具体的使用方法可以参考这里:https://sublime.wbond.net/packages/Nodejs

16、AngularJS

功能: AngularJS 提示功能

说明:可以在编写代码的时候有 angularJs 的提示

17、Trailing spaces

功能:检测并一键去除代码中多余的空格

说明:可以让你的代码删除多余空格,一键删除空格,让代码规范更清爽

使用方法:一键删除多余空格:CTRL+SHITF+T(需配置),更多配置请点击标题。快捷键配置:在 Preferences / Key Bindings – User 加上代 码(数组内)

18、GBK Encoding Support

功能:中文识别

说明; 安装本插件可以识别中文的文档,不会出现乱码,

19、Pretty JSON

功能:JSON 代码格式化

说明:可以让代码中的 json 数据更加规范

20、MarkdownEditing

功能:编辑 markdown 时高亮显示

说明:可以设置 markdown 的显示样式外观

21、Markdown Preview

功能:在浏览器中预览生成的 Html 文件

使用方法:为浏览器绑定快捷键 打开 Preference –> Key Bindings-User,在打开的文件中添加如下内容

{“keys”: [“alt+f11”], “command”: “markdown_preview”, “args”: { “target”: “browser”}}

所有设置完成后,编辑md文件后按相应的热键,直接在指定的浏览器中预览

22、SublimeCodelntel

功能:代码提示插件。

23、SidebarEnhancements

功能:侧边栏插件,让侧边栏功能更丰富。

posted on 2019-05-30 11:19  格物致知_Tony  阅读(234)  评论(0编辑  收藏  举报