sublime text3 前端插件介绍

标签：

Emmet插件

Emmet插件可以说是使用Sublime Text进行前端开发必不可少的插件

它让编写HTML代码变得极其简单高效

基本用法：输入标签简写形式，然后按Tab键

关于Emmet的更多介绍，请查看官方文档

这份速查表，可以帮你快速记忆简写形式

JsFormat插件

这是一款将JS格式化的插件

同样使用Package Control安装JsFormat插件后

即可在JS文件中通过鼠标右键->JsFormat或键盘快捷键Ctrl+Alt+F对JS进行格式化

SideBarEnhancements插件

SideBarEnhancements是一款很实用的右键菜单增强插件

在安装该插件前，在Sublime Text左侧FOLDERS栏中点击右键

更强大的是，该插件还能让我们自定义快捷键呼出某个浏览器以预览页面

这样就不用到项目目录下寻找和拖动到特定浏览器中预览了

安装此插件后

点击菜单栏的preferences->package setting->side bar->Key Building-User

键入以下代码

[    { "keys": ["ctrl+shift+c"], "command": "copy_path" },    //firefox    { "keys": ["f1"], "command": "side_bar_files_open_with",             "args": {                "paths": [],                "application": "F://Firefox Developer Edition//firefox.exe",                "extensions":".*" //匹配任何文件类型            }    },    //chrome    { "keys": ["f2"], "command": "side_bar_files_open_with",            "args": {                "paths": [],                "application": "C://Program Files (x86)//Google//Chrome//Application//chrome.exe",                "extensions":".*"            }     },    //ie    { "keys": ["f3"], "command": "side_bar_files_open_with",             "args": {                "paths": [],                "application": "C://Program Files//Internet Explorer//iexplore.exe",                "extensions":".*"            }    }]

这里设置其按Ctrl+Shift+C复制文件路径

分别按F1、F2和F3即可分别在firefox，chrome，IE浏览器预览当前页面效果

当然，你也可以自己定义喜欢的快捷键

但要注意代码中的浏览器路径要以自己电脑里的文件路径为准

TrailingSpaces插件

有时候，在代码结尾打多了几个空格或Tab

并没有任何显示效果

TrailingSpaces这款插件能高亮显示多余的空格和Tab

Tag插件

这是HTML/XML标签缩进、补全、排版和校验工具

安装该插件后，可以如上图方式使用Tag插件对HTML/XML进行自动排版等操作

目前楼主未能发现该操作快捷方式，若您有所发现，望留言点拨

Terminal插件

在编程过程中，我们经常需要使用到命令行窗口

Terminal插件可以允许在Sublime Text 3中打开cmd命令窗口

安装好该插件后

即可使用快捷键Ctrl+Shift+T呼出命令行窗口

SublimeCodeIntel插件

这是一款代码提示插件，支持多种编程语言

该插件安装时间可能相对较长

CssComb插件

CssComb是为CSS属性进行排序和格式化插件 [官网]

使用Package Control安装CssComb插件后，你可能发现它并不能运行

它依赖于Node.js [官网]

Autoprefixer插件

这是一款CSS3私有前缀自动补全插件

该插件使用CanIUse资料库，能精准判断哪些属性需要什么前缀

与CssComb插件一样，该插件也需要系统已安装Node.js环境

使用方法：在输入CSS3属性后（冒号前）按Tab键，如下图示

sublime text3 前端插件介绍

标签：

原文地址：http://www.cnblogs.com/xuange306/p/4741838.html