首页 > 技术文章 > subline text3常用插件介绍

shiy 2017-03-14 21:59 原文

常用插件介绍:

pretty json:格式化JSON插件

 

 SublimeOnSaveBuild

自动编译Sass插件,保存即执行命令的支持,保存文件时,即可按照你Build System中的配置,执行配置中的命令

 

 html beautify(ctrl+shift+alt+f)

自动排版代码

Emmet

输入少量代码后摁Tab键,系统自动补全代码。

 CSSComb

用来给CSS属性进行排序的格式化插件

https://segmentfault.com/a/1190000007386708

https://segmentfault.com/a/1190000004577644

CanIUse

如果您想检查浏览器是否支持你包括在你的代码中的CSS和HTML元素,那么这是你需要的插件。所有您需要做的就是选择有疑问的元素,插件将为你做其余的事情。

AutoFileName

快速列出你想引用的文件夹里面所有文件的名字。

BracketHighlighter

高亮显示[], (), {}, “”, ”, <tag></tag>符号,便于查看起始和结束标记

ColorPicker

调色板,需要输入颜色时,可直接选取颜色,打开调色板快捷键ctrl+shift+c。

如果这个快捷键打不开调色板,可能是快捷键被占用了

解决办法:Preferences→Key Bindings-User中配置:{ "keys": ["ctrl+shift+c"], "command": "color_pick"}

JsFormat

可以对压缩、空格、换行的js代码进行整理,使得js代码结构清晰,易于观看,右键选择jsFormat使用或Ctrl+Alt+F

DocBlockr

快速生成各种注释格式。

Sidebar Enhancements

增强侧栏文件右键功能

Alignment

对定义的变量进行智能对齐,一般是“=”号对齐,快捷键是Ctrl+Alt+A,如果不能使用,可能是与其它的快捷键有冲突,可以设置过。

CSS Format
可以将任意的 CSS、SASS、SCSS、LESS 代码格式化为展开、紧凑、压缩的形式。

选中需要格式化的样式代码,右键选中CSS Format,选择需要形成的格式即可。

Tag

Tag插件提供各种对Tag标签的操作,有些功能是自动执行,有些功能需要手动执行,功能入口 菜单栏Edit→Tag。

功能介绍:

根据/自动关闭HTML标签

标签自动缩进(或选中ctrl+alt+f)

删除标签和里面的内容

插入标签(对光标字符“ctrl+shift+,”生成标签)

删除标签里的属性,关闭标签,检查标签

Trailing spaces

可以检测和一键删除代码的空格,保存时自动删除多余空格,让代码更紧凑规范。

 

功能入口:Edit——》Trailing Spaces——》Delete
ConvertToUTF8

通过本插件,可以编辑并保存目前编码不被 Sublime Text 支持的文件,如 GB2312,GBK,BIG5,EUC-KR,EUC-JP 等。

可以通过 File→Set File Encoding to 菜单对文件编码进行手工转换。例如:打开一个 UTF-8 编码的文件,指定保存为 GBK。
HTML-CSS-JS Prettify

格式化HTML,CSS,Javascript和Json代码格式。

注:使用该插件,需要安装nodejs,而且要在Packages-Setting→HTML/CSS/JS Prettify→set node path中设置你node的安装路径。
使用过程:Tools→Command Palette(或者Ctrl+Shift+P),输入选择htmlprettify即可完成整个文档的格式化。
设置快捷键:Packages-Setting→HTML/CSS/JS Prettify→set keyboard shortcuts

Terminal

打开文件的终端,终端默认是CMD。

ctrl+shift+t 打开文件所在文件夹

ctrl+shift+alt+t 打开文件所在项目的根目录文件夹

右键open terminal here打开。

Keymaps

快速查找所有插件的快捷键

LiveStyle

LiveStyle是Chrome中提高开发效率的一款CSS编辑器插件。利用LiveStyle和Sublime Text3编辑器结合可实现可视化开发,一次配置,简单易用!,并且最近支持less,scss

你本地css文件可以和浏览器的css文件映射,同步到本地,但是必须在chrome上运行,chrome必须安装相应的插件

SublimeTmpl

创建常用文件初始模板,必须html,css,js模板

 

推荐阅读