Sublime Text 二插件 _Web前端

Sublime Text 2 插件

推荐的部分插件：

Gits：

可以轻松集成 GitHub

SFTP：

直接编辑 FTP 或 SFTP 服务器上的文件

emmet：

这货对于前端的同学来说不得了，可以超快速编写HTML文件 (
视频演示
)

错误：please wait a bit while pyV8 binary is being downloaded

下载：
Package Control.sublime-package
压缩文件

解压文件至“{sublime text程序根目录}\Data\Packages\PyV8”文件夹内

重新启动 Sublime Text 即可

快捷键 CTRL+ALT+Enter

打开emmet(zencoding)编辑面板

示例： div>ul#nav>li.ites$*2>a{Item $}html:xt>div#header>div#logo+ul#nav>li.item-$*2>a html:xt html:xs html:5

<div>
	<ul id="nav">
		<li class="ites1"><a href="">Item 1</a></li>
		<li class="ites2"><a href="">Item 2</a></li>
	</ul>
</div>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
</head>
<body>
<div id="header">
	<div id="logo"></div>
	<ul id="nav">
		<li class="item-1">
			<a href=""></a>
		</li>
		<li class="item-2">
			<a href=""></a>
		</li>
	</ul>
</div>
</body>
</html>

XHTML 1.0 Transitional标准的html结构

XHTML 1.0 Strict标准的html结构

XHTML 5标准的html结构

其他类似还有：html:4t 、html:4s 、html:xxs

ConvertToUTF8：

ST2只支持utf8编码，该插件可以显示与编辑 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等编码的文件

Clipboard History：

剪切板历史

快捷键 Clipboard History \ Ctrl+Shift+V

启动剪切板历史

WordPress：

集成一些WordPress的函数，对于像我这种经常要写WP模版和插件的人特别有用！

HtmlTidy：

清理与排版你的HTML代码

PHPTidy：

整理与排版PHP代码

YUI Compressor

压缩JS和CSS文件

Tag

快捷键右键Auto-Format Tags on Ducument/选中一段Html代码后，按Ctrl+Alt+f

Html格式化

Alignment：

代码对齐，如写几个变量，选中这几行，Ctrl+Alt+A，哇，齐了。

Prefixr

写 CSS可自动添加 -webkit 等私有词缀，Ctrl+Alt+X触发

快捷键 ctrl+alt+x

CSS3属性的浏览器前缀自动填充像-webkit- -moz- -o- -m-

DocBlockr：

JS函数上方输入/**，然后回车生成JS注释

BracketHighLighter：

高亮花括号

FileDiffs：

比对工具

jshint ：

提示JS语法错误

Markdown Preview：

在浏览器预览你当前编辑的Markdown文档

sideBarEnhancements：

侧边栏扩展

打开：”Preferences” -> “Browse Packages” -> “User”

sublime v8：

JS控制台

SCSS

支持scss的语法高亮，里面附带了好多CSS Snippet，无论现用或者改造成，都可节省不少时间。

快捷键 Ctrl+B

编译

css compact expand：

CSS格式化

打开：编辑 -> CSS格式化

快捷键 ctrl+alt+[ ctrl+alt+]

紧凑格式

扩展格式

安装

下载：
compact_expand_css_command.py

解压文件至“{sublime text程序根目录}\Data\Packages”文件夹内

重新启动 Sublime Text 即可

Sublime Text 二 插件

Sublime Text 二插件