sublime text3 插件

1. Emmet
Emmet（前身是 Zen Coding）是一个前端开发不可缺少的插件，它让编写 HTML和CSS代码变得简单，节省大量时间。Emmet可使开发者用缩写形式书写代码，再用“扩展”功能自动将代码扩展至完整样式。
早在2009年，Zen Coding作为具有革命性的HTML和CSS代码编辑插件一经问世，直到现在帮助了无数的开发者，减少他们的时间，使得编写代码变得简便有趣。现在，Emmet已经超越了Zen Coding到达了更高层次，普适性的功能将给更多的开发者带来便利。
2. SublimeCodeIntel
SublimeCodeIntel 作为一个代码提示和补全插件，支持 JavaScript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python3、XML、Sass、XSLT、Django、HTML5、Perl、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit 和 PHP 等所有语言，是 Sublime Text 自带代码提示功能基础上一个更好的扩展，自带代码提示功能只可提示系统代码，而SublimeCodeIntel则可以提示用户自定义代码。SublimeCodeIntel支持跳转到变量、函数定义的功能，另外还有自动补全的功能，十分方便。
3. AutoFileName
功能：快捷输入文件名
简介：自动完成文件名的输入，如图片选取
使用：输入”/”即可看到相对于本项目文件夹的其他文件
4. gutter color（颜色在行前面）
安装imagemagic(只能是6.x版本)
路径匹配”convert_path” : “D://Program Files//ImageMagick-6.2.7-Q16//convert.exe”
5. JSFormat
功能：Javascript的代码格式化插件
简介：很多网站的JS代码都进行了压缩，一行式的甚至混淆压缩，这让我们看起来很吃力。而这个插件能帮我们把原始代码进行格式的整理，包括换行和缩进等等，是代码一目了然，更快读懂~
使用：在已压缩的JS文件中，右键选择jsFormat或者使用默认快捷键（Ctrl+Alt+F）
6. sublime serverr(静态WEB服务器)
安装完成后，点击工具选项，就可以看到SublimeServer工具了，然后点击Settings，查看SublimeServer的基本配置，这里可以修改服务器端口，文件扩展名等
查看好设定后，点击Start SublimeServer，就可以启动服务器了
注意：SublimeServer要求你的代码文件夹，要添加到Sublime Text的项目里面，这样才能列出这些文件夹。
7. alignment
功能：”=”号对齐
简介：变量定义太多，长短不一，可一键对齐
使用：默认快捷键Ctrl+Alt+A和QQ截屏冲突，可设置其他快捷键如：Ctrl+Shift+Alt+A；先选择要对齐的文本
8. SideBarEnhancements(侧边栏)
9. codeFormatter 代码格式化
默认快捷键ctrl+alt+F，默认可以对html、js、css格式代码
10. HTML-CSS-JS Prettify
格式化插件ctrl+shift+h;
11. Color​Picker
功能：调色板
简介：需要输入颜色时，可直接选取颜色
使用：快捷键Windows: ctrl+shift+c
12. ConvertToUTF8
功能：文件转码成utf-8
使用：快捷键Windows: ctrl+shift+c， 与Color​Picker冲突需要修改快捷键
13.fileHeader
自动生成文件头

less

1、安装Sublime 插件
（1）安装LESS插件：因为Sublime不支持Less语法高亮，所以，先安装这个插件，方法： ctrl+shift+p>install Package>输入less按Enter
（2）安装LESS2CSS插件：这个插件的作用是
当保存less文件的时候自动生成同名的css文件；
当保存less文件的时候提示编译错误信息；
批量编译项目目录下的所有less文件为css文件。
安装方法：ctrl+shift+p>install Package>输入less2css按Enter
但是让sublime支持less，不仅仅是装个sublime插件就完事了啊。还需要下面的步骤
2、安装Node.js
首先先配置一下环境，less需要nodejs支持，所以我们先要安装一下nodejs。到nodejs官网下载就可以了：https://nodejs.org/en/
3、安装less
cmd 下：
npm install -g less；
npm install less-plugin-clean-css；
接着重启一下sublime，就搞定啦！

markdown

1. MarkDown Editing
支持Markdown语法高亮；支持Github Favored Markdown语法；自带3个主题。
2. MarkdownPreview
按CTRL + B生成网页HTML；在最前面添加[TOC]自动生成目录；
3. OmniMarkupPreviwer
实时在浏览器中预，而MarkdownPreview是需要手动生成的和F5的。览如果双屏的话，应该具有不错的体验。快捷键如下：

    Ctrl+Alt+X: Export Markup as HTML.    Ctrl+Alt+C: Copy Markup as HTML.    ``` 快捷键设置 ```   [    /*markdown_preview*/    {"keys": ["alt+m"], "command": "markdown_preview", "args": { "target": "browser"}},    /*chrome*/    {          "keys": ["ctrl+f12"],          "command": "side_bar_files_open_with", "args": {"application": "C://Program Files (x86)//Google//Chrome//Application//chrome.exe"/*此处为浏览器程序的位置*/, "extensions": ".*", "paths": []}      },    /*Firefox*/    {          "keys": ["ctrl+f11"],          "command": "side_bar_files_open_with", "args": {"application": "D://Program Files (x86)//Mozilla Firefox/firefox.exe"/*此处为浏览器程序的位置*/, "extensions": ".*", "paths": []}      },    /*IE*/      {          "keys": ["ctrl+f10"],          "command": "side_bar_files_open_with", "args": {"application": "C://Program Files (x86)//Internet Explorer//iexplore.exe"/*此处为浏览器程序的位置*/, "extensions": ".*", "paths": []}      } ]