Sublime Text Package

Package地址：https://packagecontrol.io/

---

Theme - Spacegray

主题包

---

JavaScript & NodeJS snippets

快捷输入代码

---

AdvancedNewFile

ctrl+alt+n创建新文件

---

DocBlockr

快速添加注释

---

CSS Format

css样式格式化

---

tortoiseSVN

上传配置方法（在Preferences->Package Settings->TortoiseSVN->Settings - User）

{
    // Auto close update dialog when no errors, conflicts and merges
    "autoCloseUpdateDialog": false,
    // Auto close commit dialog when no errors, conflicts and merges
    "autoCloseCommitDialog": true,
    "tortoiseproc_path": "E:\\Program Files (x86)\\bin\\TortoiseProc.exe"
}

注意：目录层之间用\分割而不是\分割哦~

alt+u 更新 svn_update

alt+c 提交 svn_commit

---

SASS Build

SASS Build 是一个编写CSS的预处理器。这个特别的插件将帮助你妥善构建包括压缩选项在内的SASS文件。一旦你安装了这个插件，你可以很容易地通过按Ctrl+ B。

---

Package Control

通俗易懂地说，这个是你在完成安装SublimeText后必须安装的东西。你问为什么？因为有了这个特殊的“插件包”，你可以很容易地安装、升级、删除，甚至非常方便地查看您已经安装在SublimeText中的包或插件的列表。它通过菜单和对应的行为使这些过程变得非常容易和有组织。

---

Emmet

概括地说，Emmet（译者注：前身就是以前大名鼎鼎的Zen Coding，这个如果你没听说和使用过，就悲哀了）是一个可以让你更快更高效地编写HTML和CSS，节省你大量时间的插件

---

双击选中带中划线-的文本

用户设置(preferences ——>Settings—user)中增加：

// Characters that are considered to separate words
"word_separators":"./\\()\"':,.;<>~!@#$%^&*|+=[]{}`~?",

---

Markdown Preview^[1][2]

1. 使用SublimeText3创建.md文件，按照Markdown语法输入要写的内容，如下图

   
   
   

   Markdown语法

2. Ctrl+Shift+P输入mp，选择Markdown Preview: Preview in Browser,选择markdown，在浏览器中打开
   

   

   选择markdown，在浏览器中打开

3. 在浏览器中查看效果如下：

   
   
   

   浏览器中查看效果

4. 按CTRL + B生成网页HTML；在最前面添加[TOC]自动生成目录；

   
   
   

   [TOC]自动生成目录

---

MarkdownEditing

支持Markdown语法高亮；

---

OmniMarkupPreviewer

实时在浏览器中预，但MarkdownPreview是需要手动生成的和F5的。览如果双屏的话，应该具有不错的体验。快捷键如下：
Ctrl+Alt+O: Preview Markup in Browser.
Ctrl+Alt+X: Export Markup as HTML.
Ctrl+Alt+C: Copy Markup as HTML.

---

TableEditor

书写Markdown表格的时候，较好的自适应性，会自动对齐
通过Ctrl+Shift+P->Table Editor: Enable for current view开启。
先输入标题行，回车后在第二行输入|-后，按tab键就将进入Table编辑模式。
表格必须与前面输入的文字之间有空行，否则表格会被当成普通文字渲染。

TableEditor用法

---

IMESupport

功能： sublime中文输入法
简介： 还在纠结 Sublime Text 中文输入法不能跟随光标吗？试试「IMESupport 」这个插件吧！目前只支持 Windows，在搜索等界面不能很好的跟随光标。
使用： Ctrl + Shift + P →输入pci →输入IMESupport →回车

Sublime Text 中文输入法跟随光标

---

AutoFileName

功能： 快捷输入文件名
简介： 自动完成文件名的输入，如图片选取
使用： 输入”/”即可看到相对于本项目文件夹的其他文件

快捷输入文件名

---

Nodejs

功能： node代码提示
教程： 地址

node代码提示

---

DocBlockr

功能： 生成优美注释
简介： 标准的注释，包括函数名、参数、返回值等，并以多行显示，手动写比较麻烦
使用： 输入/、/*然后回车，还有很多用法，请参照

DocBlockr生成优美注释

多行注释

---

JSFormat

功能： Javascript的代码格式化插件
简介： 很多网站的JS代码都进行了压缩，一行式的甚至混淆压缩，这让我们看起来很吃力。而这个插件能帮我们把原始代码进行格式的整理，包括换行和缩进等等，是代码一目了然，更快读懂~
使用： 在已压缩的JS文件中，右键选择jsFormat或者使用默认快捷键（Ctrl+Alt+F）

Javascript的代码格式化插件

---

Alignment

功能： ”=”号对齐
简介： 变量定义太多，长短不一，可一键对齐
使用： 默认快捷键Ctrl+Alt+A和QQ截屏冲突，可设置其他快捷键如：Ctrl+Shift+Alt+A；先选择要对齐的文本

”=”号对齐

---

CSS值转REM

插件效果如下：

cssrem插件效果

安装

• 下载本项目，比如：git clone https://github.com/flashlizi/cssrem
• 进入packages目录：Sublime Text -> Preferences -> Browse Packages...
• 复制下载的cssrem目录到刚才的packges目录里。
  重启Sublime Text。

配置参数

参数配置文件：Sublime Text -> Preferences -> Package Settings -> cssrem
px_to_rem

• px转rem的单位比例，默认为40。
  max_rem_fraction_length
• px转rem的小数部分的最大长度。默认为6。
  available_file_types
• 启用此插件的文件类型。默认为：[".css", ".less", ".sass"]。

---

1. 详细资料： https://packagecontrol.io/packages/Markdown%20Preview ↩

2. 详细资料：http://www.jianshu.com/p/378338f10263 ↩