关于sublime3的使用

一、安装Package Control

使用Ctrl+`快捷键或者通过View->Show Console菜单打开命令行，粘贴如下代码：

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

重启软件，如果在Perferences->package settings中看到package control这一项，则安装成功

接下来就可以使用Package Control安装插件：按下Ctrl+Shift+P调出控制面板，输入install调出Install Package选项选中回车。接着在搜索框中输入需要安装的插件，列表中选中即可安装。

二、插件

1、Emmet

安装方法→ 快捷键Ctrl+shift+p后输入pci回车，输入Emmet后安装。安装过程中会需要PyV8，处理方法见另一文档：http://www.jianshu.com/p/0862e754cf15

2、AdvancedNewFile

→ 快速新建文件插件，使用快捷键ctrl+alt+n，输入新建文件位置及文件名即可。

3. SideBarEnhancement

→ 为side bar文件右键添加“Open In Browser”，而后在Preferences→Key Bindings-user中添加

{ "keys": ["f12"], "command": "open_in_browser" }

4. 添加格式化代码快捷键

→ 在Preferences→Key Bindings-user中添加

{ "keys": ["alt+shift+f"], "command": "reindent" }

而后需要格式化代码时，ctrl+A全选代码，alt+shift+f格式化。

三、其他插件

SublimeCodeIntel

　　一个全功能的 Sublime Text 代码自动完成引擎 ，本人做过对比，但是如果和webstorm的自动寻找还是稍逊一筹，不过对于大部分人来说够用了，能很方便跳到你想要的方法

　　支持的语言挺多的（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.）

Autoprefixer

　　这个插件主要应用css的浏览器兼容书写，自动分析你的css文件，解析出新的css文件，可以配置你要兼容的浏览器，不过这个插件要在之前安装nodejs

BracketHighlighter

　　配置文件的高亮设置，让你的代码有不同的颜色区分该插件提供配对标签，或大括号或字符引号的配对高亮显示，算是对系统高亮的加强吧。

Color Highlighter

　　颜色功能还是很爽的，找了好久

CSS3

css3语言提示插件，本来不想写的，也不是什么特别的，但是可能会有人用到

JavaScript Completions

　　js最基本的api快查片段

FileDiffs

这个插件允许你看到SublimeText中两个不同文件的差异。你可以比较的对象可以是从剪贴板中复制的数据，或工程中的文件，当前打开的文件等。

DocBlockr

DocBlockr 可以使你很方便地对代码建立文档。它会解析函数，变量，和参数，根据它们自动生成文档范式，你的工作就是去填充对应的说明。

 

SublimeLinter

错误语法

JsFormat

jsformat 是 sublime 上 js 格式化比较好用的插件之一，通过修改它的e4x 属性可以使它支持 jsx。

安装

PC上ctrl+shift+p（MacCmd+shift+p）打开面板输入JsFormat安装.

使用

打开preferences -> Package Settings -> JsFormat -> Setting - Users,输入以下代码：

{ "e4x": true, // jsformat options "format_on_save": true, }

即可保存时自动格式化，并支持 jsx 类型文件.

 

Alignment

Alignment 是一个代码格式化插件，它可以使多行代码中的等号对齐，也可以调整多行代码为一个缩进级别，默认快捷键是 ctrl+alt+a（Mac OS 上是 cmd+ctrl+a）。

 

SASS Build

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