sublime-text的强烈推荐插件

ubuntu安装sublime text 2:

输入一下语句即可：

sudo add-apt-repository ppa:webupd8team/sublime-text-2

sudo apt-get update

sudo apt-get install sublime-text

# or dev version

# sudo apt-get install sublime-text-dev

sublime-text的强烈推荐插件

如果说Notepad++是一款不错Code神器，那么Sublime Text应当称得上是神器滴哥。Sublime Text最大的优点就是跨平台，Mac和Windows均可完美使用；其次是强大的插件支持，几乎无所不能。

开始使用Sublime Text：

Sublime Text有Dev版本，推荐使用，下载地址，一般推荐下载便携版本（Portable version），这样拿来拿去很方便，也不用安装，而且插件和主体在一个目录下，便携。

Sublime Text快捷键：

Ctrl+Shift+P：打开命令面板Ctrl+P：搜索项目中的文件Ctrl+G：跳转到第几行Ctrl+W：关闭当前打开文件Ctrl+Shift+W：关闭所有打开文件Ctrl+Shift+V：粘贴并格式化Ctrl+D：选择单词，重复可增加选择下一个相同的单词Ctrl+L：选择行，重复可依次增加选择下一行Ctrl+Shift+L：选择多行Ctrl+Shift+Enter：在当前行前插入新行Ctrl+X：删除当前行Ctrl+M：跳转到对应括号Ctrl+U：软撤销，撤销光标位置Ctrl+J：选择标签内容Ctrl+F：查找内容Ctrl+Shift+F：查找并替换Ctrl+H：替换Ctrl+R：前往 methodCtrl+N：新建窗口Ctrl+K+B：开关侧栏Ctrl+Shift+M：选中当前括号内容，重复可选着括号本身Ctrl+F2：设置/删除标记Ctrl+/：注释当前行Ctrl+Shift+/：当前位置插入注释Ctrl+Alt+/：块注释，并Focus到首行，写注释说明用的Ctrl+Shift+A：选择当前标签前后，修改标签用的F11：全屏Shift+F11：全屏免打扰模式，只编辑当前文件Alt+F3：选择所有相同的词Alt+.：闭合标签Alt+Shift+数字：分屏显示Alt+数字：切换打开第N个文件Shift+右键拖动：光标多不，用来更改或插入列内容鼠标的前进后退键可切换Tab文件按Ctrl，依次点击或选取，可需要编辑的多个位置按Ctrl+Shift+上下键，可替换行

Sublime Text 插件：

建议先启用Package Control，作用是安装插件时很方便，启用方法：菜单栏 – View – Show Console，贴入以下代码并回车，然后重启Sublime。如果你所在的网络无法启用，则无法使用，手动搜索下载去吧（话说你的网也被封了？）。

import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

开始安装一些非常实用的插件吧，Ctrl+Shift+P（菜单 – Tools – Command Paletter），输入 install 选中Install Package并回车，输入或选择你需要的插件回车就安装了（注意左下角的小文字变化，会提示安装成功），安装其它插件也是这个方法，非常快速。

Emmet

不得不用的一款前端开发方面的插件，Write less , show more.安装后可直接使用，Tab键触发，Alt+Shift+W是个代码机器。

htmlTidy

此插件可以对html页面进行整理和排版，使用方式：ctrl+shift+p组合键之后，输入 tidy html 即可对整个html页面进行排版

PHPTidy

此插件可以对php页面进行整理和排版，使用方式：ctrl+shift+p组合键之后，输入 tidy php 即可对整个php页面进行排版

JsFormat

整理排版JS代码，使用方式：Ctrl + Alt + F

Alignment

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

Prefixr

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

Bracket Highlighter

可以实现匹配标签高亮显示的效果

Clipboard History

剪贴板历史记录，显示更多历史复制，Ctrl+Shift+V触发。

SideBarEnhancements

侧栏右键功能增强，非常实用
Theme Flatland主题

安装之后，在preferences->sublime -settings里添加如下代码：

{

"theme": "Flatland Dark.sublime-theme",

"color_scheme": "Packages/Theme - Flatland/Flatland Monokai.tmTheme",

"font_size": 16.0,

"ignored_packages":

[

"Vintage",

"SublimeCodeIntel"

]

}

DocBlockr

在JS函数上方输入/**，然后回车，doc就生成好了，非常好用。
ConvertToUTF8”或“GBK Encoding Support

使sublime text2 支持中文，避免出现乱码现象

SFTP

直接编辑 FTP 或 SFTP 服务器上的文件，绝对FTP浮云
Sublime Text2主题:Theme – Flatland

1、Flatland下载地址：https://github.com/thinkpixellab/flatland

2、从github上下载文件解压缩，解压缩后将整个文件夹改名为 “Theme - Flatland” 并拷贝到 Sublime Text 2 的 Packages 目录中，你可以通过 Sublime Text 2 的菜单 “Preferences > Browse Packages …” 打开这个目录。

3、重启sublime text2。

4、Preferences -> Settings – User中新增参数

{
"theme": "Flatland Dark.sublime-theme",
"color_scheme": "Packages/Theme - Flatland/Flatland Dark.tmTheme"
}

WordPress

集成一些WordPress的函数

YUI Compressor
压缩JS和CSS文件
css格式化插件
插件下载地址：https://gist.github.com/2863474插件，可以将CSS格式化成一行，也可以将一行格式化成多行。

下载解压缩之后，将compact_expand_css_command.py放到

/用户/kele/资源库/Application Support/Sublime Text 2/Packages/User/下.(以Linux为例。)

Windows的路径是:

C:\Users\kele\AppData\Roaming\Sublime Text 2\Packages\User

然后，重启一下st2，选择Preferences>Key Bindings - User加入以下代码：

{ "keys": ["ctrl+shift+]"], "command": "compact_expand_css", "args": { "action": "expand" } },

{ "keys": ["ctrl+shift+["], "command": "compact_expand_css", "args": { "action": "compact" } }

Sublime Text 2：代码提示插件

1.SublimeClang

主页：https://github.com/quarnster/SublimeClang

提到编程语言，最大头的必须是C/C++一系。SublimeClang名字中的Clang我最早以为是C* language的意思，以表明是支持C语系的工具，后来才反应过来是因为它使用的是clang编译体系提供的工具的原因。

有关于clang这个gcc的强力竞争者我还没用过，对于它的强大却是早有耳闻。最近FreeBSD的发行已经开始搭载clang了。可惜Win下它还有很多很多问题，不像MinGW那样具有可用性。但是单从代码分析查错上似乎还是无人能出其右的。clang自一开始就提到过将提供编译器级别的代码提示工具，SublimeClang就是利用的这一点。

SublimeClang支持代码提示的语言包括C、C++、ObjC、ObjC++。安装方式很简单，用Package Control安装SublimeClang即可。很多别的安装教程提示要在Windows上安装clang，实际上是不需要的。SublimeClang只在static analyzer这个功能上需要clang自身的配合，除此之外的功能它自己就能完成。而在Windows上安装clang是众所周知的麻烦……所以别趟这趟浑水了=。=

安装完成后切记要进行配置，未加配置的SublimeClang随便打开一个.cpp源文件，稍等一会儿它就会在下方弹出信息框提示找不到头文件，需要对SublimeClang配置。可以用Ctrl+Shift+P呼出Command Panel找到Preference： SublimeClang Settings - User/Default修改，也可以在Preference—Package Settings里面找到。在Default和User文件里修改皆可，当然我个人建议把自己的修改放在User文件里方便管理。

主要需要配置的属性项包括：

1."show_output_panel": true或false。这是刚才那个提示窗显示与否的设置，一般来说如果只使用代码提示的功能的话，配置好了的SublimeClang不会返回多重要的信息的，反而一些错误会干扰输入。所以我是关掉了的。

2."dont_prepend_clang_includes": true或false。这个选项控制是否不包括clang自身的头文件。建议用true取消包括，以防产生冲突。

3."additional_language_options"和"options"。这个是配置的大头。可以注意到这里的形式和clang命令行调用时的编译选项是一样的（只是不包括指明lib的部分）。简单的修改它Default项中头文件目录的选项很可能是没有效果的（尤其在Windows下）。我最常使用MinGW GCC和wxWidgets，参考SublimeClang某issue里一位用户提供的配置，修改了那几个目录之后工作完全正常。可以看到里面还有很多宏定义的问题。这个必须要参考自身的开发环境。

除了在配置文件中配置外，在Sublime Text 2自身提供的项目功能的项目文件中也可以修改SublimeClang的选项。这一点在SublimeClang的Default配置文件注释里有提到。可以利用这一点，只把编译器和常用库的选项写进User配置文件里，而把项目相关的库放到项目文件里配置。

配置好之后SublimeClang就能正常使用了。值得一提的是SublimeClang的速度非常快，预处理一个wxWidgets的程序不超过2秒，之后wxWidgets里的各种对象的提示就全有了。相比后面提到的SublimeCodeIntel快了几倍。

SublimeClang.sublime-settings

JSON

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263

{
"show_output_panel": false,
"dont_prepend_clang_includes": true,

"additional_language_options":
{
"c++" :
[
"-std=gnu++11",
"-isystem", "C:\\cygwin\\usr\\i686-w64-mingw32\\sys-root\\mingw\\include\\c++\\4.8.0",
"-isystem", "C:\\cygwin\\lib\\gcc\\i686-w64-mingw32\\4.8.0\\include\\c++"
],
"c":
[
"-std=gnu11"
],
"objc":
[
"-std=gnu11",
"-isystem", "C:\\cygwin\\lib\\gcc\\i686-w64-mingw32\\4.8.0\\include\\objc"
],
"objc++":
[
"-std=gnu++11",
"-isystem", "C:\\cygwin\\usr\\i686-w64-mingw32\\sys-root\\mingw\\include\\c++\\4.8.0",
"-isystem", "C:\\cygwin\\lib\\gcc\\i686-w64-mingw32\\4.8.0\\include\\c++",
"-isystem", "C:\\cygwin\\lib\\gcc\\i686-w64-mingw32\\4.8.0\\include\\objc"
]
},

"options":
[
"-m32",
"-w",
"-ferror-limit=9",
"-fgnu-runtime",
"-fms-extensions",
"-nostdinc",
"-isystem", "C:\\mingw32-dw2\\lib\\clang\\3.1\\include",
"-isystem", "C:\\cygwin\\usr\\i686-w64-mingw32\\sys-root\\mingw\\include",
"-isystem", "C:\\mingw32-dw2\\i686-w64-mingw32\\include",
"-isystem", "C:\\mingw32-dw2\\mingw\\include",
"-isystem", "C:\\mingw32-dw2\\include",
"-D__GNUC__=4",
"-D__GNUC_MINOR__=2",
"-D__GNUC_PATCHLEVEL__=1",
"-D__GXX_ABI_VERSION__=1002",
"-Di386=1",
"-D__i386=1",
"-D__i386__=1",
"-DWIN32=1",
"-D_WIN32=1",
"-D__WIN32=1",
"-D__WIN32__=1",
"-DWINNT=1",
"-D__WINNT=1",
"-D__WINNT__=1",
"-D_X86_=1",
"-D__MSVCRT__=1",
"-D__MINGW32__=1",
"-D__STDC_VERSION__=201112L"
]
}

2.SublimeCodeIntel

主页：https://github.com/Kronuz/SublimeCodeIntel

此Intel非AMD的那个Intel，CodeIntel是Code Intellisense的意思。代码提示的英文就是这个。显然英文的表述比中文“代码提示”四个字要明确很多……

SublimeCodeIntel是从Open Komodo项目中移植出来的代码提示插件。受此限制虽然代码提示支持的语言很多，但是并不包含最重要的C语系和Java语系……支持的语言包括：PHP, Python, RHTML, JavaScript, Smarty, Mason, Node.js, XBL, Tcl, HTML, HTML5, TemplateToolkit, XUL, Django, Perl, Ruby, Python3。

安装方式也是可以通过Package Control直接安装，包名就是SublimeCodeIntel。

SublimeCodeIntel几乎不需要配置。事实上它所支持的语言需要面临的“库”的问题也少很多。具体的扩展库的配置方式在首页有写。但是似乎不是存放在常规Sublime Text 2的配置文件中的……这个比较烦人。

SublimeCodeIntel在使用上，打开文件后需要先尝试使用一次代码提示来刺激它进行初始化工作。这个时间相比SublimeClang就要长很多，我用一个Node.js的最简单站点测试大概在10秒左右。之后代码提示工作就正常了。

但是从测试上看……至少Node.js上的表现是不如接下来介绍的SublimeText-Nodejs的。以fs.为例，后面提示的内容相当少。

3.SublimeText-Nodejs

主页：https://github.com/tanepiper/SublimeText-Nodejs

因为对Node.js兴致浓厚，而SublimeCodeIntel表现又不给力，我就找到了这个SublimeText-Nodejs。它代表了一类代码提示插件，就是专门为某种语言设计的代码提示插件。SublimeText-Nodejs就是专门为Node.js设计的。这么说也不太对，其实从它在Sublime Text 2的包名“Node.js”就能看出来，它实际上是作为Sublime Text 2对某门语言的正式支持的扩展来出现的，就像Sublime Text 2自带的C、C++等包一样。只是自带的那些没有代码提示功能，只有语法高亮、snippets和Build
system配置。

SublimeText-Nodejs的安装也可以使用Package Control来安装，包名是Node.js。

它的代码提示是完全为Node.js优化的，也不需要Node.js的支持。比如输入fs.后它会提示所有可用的函数，并且简要的指明其参数的作用，比如req、res、callback这样。非常方便。但是有一些问题，它和SublimeCodeIntel的提示会产生冲突，输入fs时和输入fs.时两个扩展的提示会依次出现，很烦人。可以在SublimeCodeIntel里屏蔽掉Javascript的提示，或者临时禁用比较好。

除了代码提示外，SublimeText-Nodejs也提供了Build system的支持，只是尚且不算强大。而且和Sublime Text 2自带的Build system一样，可自定义性相对较弱。而据作者说将来会引进Jake（用于Node.js的make……就好像Ruby的rake）。但是Jake似乎尚未成为Node.js开发者的必备工具，我对这个新的尝试持保留态度。

Ubuntu 创建sublime快捷方式我们希望在终端下仅仅只需输入sublime就能打开SublimeText编辑器。那么，可以创建一个符号链接，它相当于Windows的快捷方式。

$ sudo ln -s /Downloads/Sublime-Text-2/sublime_text /usr/bin/sublime

进行统一配置要让SublimeText每次运行都保持一致，需要为它创建配置文件，位置为"/usr/share/applications"

$ sudo sublime /usr/share/applications/sublime.desktop

并粘贴以下的内容：

[plain]
view plaincopyprint?

[Desktop Entry]

Version=1.0

Name=Sublime Text 2

# Only KDE 4 seems to use GenericName, so we reuse the KDE strings.

# From Ubuntu's language-pack-kde-XX-base packages, version 13.04-20130413.

GenericName=Text Editor

Exec=sublime

Terminal=false

Icon=/tool/sublime/Icon/48x48/sublime_text.png

Type=Application

Categories=TextEditor;IDE;Development

X-Ayatana-Desktop-Shortcuts=NewWindow

[NewWindow Shortcut Group]

Name=New Window

Exec=sublime -n

TargetEnvironment=Unity

保存并退出。

关于sublime text2,HTML/CSS/JS Prettify插件

今天为了格式化css样式,在ST2找到HTML/CSS/JS Prettify这插件,在文件中右键就能看到选项,或者ctrl+shift+h.

问题在于格式化的时候就提示Node.js was not found in the default path.Please specify the location.点击确定跳到插件的配置,如下:

"node_path": "/usr/local/bin/",
"format_on_save": false

就去系统里找这个路径,没找着,上网搜了一下知道这个路径是Mac OS下才有的,Windows下的路径应该为:

"node_path": "C:/ProgramFiles/nodejs/node.exe",
"format_on_save": false

改了之后再格式化还是提示没找着路径,最后在stackoverflow上面看到是因为我的css文件存放路径有中文导致的.

最后,试验了一下,node_path 路径为"/usr/local/bin/" 也没问题.暂时还不清楚nodejs的配置问题.以后清楚了再来补充.