软件下载地址:【Sublime Text中文论坛】http://sublimetext.iaixue.com/dl/#
【安装说明】
文件后缀及格式说明:
带x64命名的都是对应平台下的64位版本,其它的为32位版本,Mac OSX中只有64位.
.zip为windows版,系统本身支持zip格式可直接打开,即使你没有安装任何解压软件.
.tar.bz2为linux版,ubuntu linux中自带的"归档管理器"file-roller就可以打开,或tar命令.
.dmg为Mac OSX通用的软件安装包格式,比较独特,双击加载,拖进application文件夹里.
【初次使用说明】
1、Windows中解压到任意目录可用,最好是一个新建的目录(如:D:Program FilesSublime Textsublime_text_3114.win.zh_cn.x64).
2、如果你的电脑中有安装WinRAR的话,在软件包上打开右键,再按E直接解压到当前目录的【软件包名】文件夹中。
3、打开【帮助(H)】菜单中的【授权序列号…】,然后再【输入授权码】注册一下就可以无限制使用了。
【启动Sublime Text提示Uable to run package setup】
这是由于ST的配置文件错误引起的,把老的配置文件目录重命名或删除就好了。
Windows中点浏览资源包可快速打开(x是什么你懂的)
xp参考:
配置文件目录:C:Documents and Settings{username}Application DataSublime Text 3
缓存文件目录:C:Documents and Settings{username}Local SettingsApplication DataSublime Text 3
win7参考:
配置文件目录:C:Users{username}AppDataRoamingSublime Text 3
缓存文件目录:C:Users{username}AppDataLocalLocalSublime Text 3
Linux对应~/.config/sublime-text-x
MAC OS X X中对应 ~/Library/Application Support/Sublime Text x
//////////////////////////////////////////////////// 插件 ////////////////////////////////////////////////////
【安装插件管理器Package Control,是安装其他插件的前提】
一、简单安装方式
1、按快捷键ctrl+~(Esc键的下一行键的第一个)或从菜单View->Show Console(查看->控制面板)中打开。
2、Sublime Text 2中复制以下代码回车执行
import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')
3、Sublime Text 3中的安装命令如下:
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())
看到提示重启(restart)完成插件管理器的安装时,重启sublime text.
二、手动安装方式
1、下载Package Control.sublime-package插件管理器的安装文件包。
2、打开Sublime Text的配置存放目录,可以从Preferences > Browse Packages(设置->浏览资源包),并把下载好的安装文件包拷到Installed Packages/目录中。
3、重启sublime text完成安装。
怎样查看sublime text插件管理器是否安装成功?
就看菜单Preferences(设置)下有没有Package Control这个菜单项。
Sublime Text 3126及以上版本安装【Package Control/插件管理器】可直接点击菜单安装【Tools/工具(T)】-> 【Install Package Control…/安装插件管理器…/安裝插件管理器…】
【插件的安装方法】
一、手动下载插件包进行安装
1. 如果下载的是*.sublime-package的文件包,那么你只需要丢到Sublime Text安装目录下的【Installed Packages】中就好了.
Sublime Text中通过【Preferences/设置(N)/設置(N)】 ->【Browse Packages…/浏览资源包(B)…/瀏覽資源包(B)…】菜单打开,然后再打开其上一级目录,这时应该有【Installed Packages】,把下载的插件拖进去就好了.
2. 如果下载的是*.zip的安装包,那你需要把安装包解压到Sublime Text的安装目录下的Packages目录中.
Sublime Text中通过【Preferences/设置(N)/設置(N)】 ->【Browse Packages…/浏览资源包(B)…/瀏覽資源包(B)…】菜单打开,进入【Packages】解压到里面就好了.
目录结构应该是这样的, Packages/<插件名文件夹>/*.py,也就是说*.py应该直接放在插件名目录下,不能是子目录中.
为了确保插件生效,安装完后请重启一下Sublime Text.
二、在线安装
方法一:
Preferences(设置)->Package Control(插件管理器)-> Install Package
方法二:
1、菜单Tools(工具)->Command Palette(命令面板)或者快捷键【Ctrl+Shift+P】打开命令面板,输入install,选择Package Control: Install Package,这时会停顿一会,这时在更新插件列表的信息。
2、上一步完成了,就会在下拉框中列出很多插件,这时你只需要输入关键字,找到目标插件,选择并回车就安装好了。
【插件列表管理】
快捷键 Ctrl+Shift+P ,对话框中输入“list”,选择“Package Control:List Packages”,会列出所有已安装的插件,这样可以很方便地了解自己已经安装了哪些插件
快捷键 Ctrl+Shift+P,在对话框中输入“remove”,选择“Package Control: Remove Packages”,然后在出现的插件列表中点选你要移除的插件
$$$$$$$$$$$$$$$$$$$$$ 常用插件 $$$$$$$$$$$$$$$$$$$$$
【Boxy Theme】
最受欢迎的主题之一,直接在线搜插件名安装
【SublimeLinter】
SublimeLinter 是一个代码校验插件,它可以帮你找出错误或编写不规范的代码,支持 C/C++、CoffeeScript、CSS、Git Commit Messages、Haml、HTML、Java、JavaScript、Lua、Objective-J、Perl、PHP、Puppet、 Python、Ruby 和 XML 语言。
基于Sublime Text 3的安装方法,不适用于Sublime Text 2:
1、按下 Ctrl+Shift+p
进入 Command Palette,输入install
进入 Package Control: Install Package,输入SublimeLinter
进行安装
2、具体的 Linters 组件不被包含在 SublimeLinter 3 中,所以我们要额外独立安装组件,可以针对不同的语言安装不同的组件
3、安装用于JavaScript语法检查的[SublimeLinter-jshint]:
按下 Ctrl+Shift+p
进入 Command Palette,输入install
进入 Package Control: Install Package,输入SublimeLinter-jshint
进行安装
通过SublimeLinter-jshint
的说明我们可以看到,这个组件依赖于 NodeJS 下的 jshint,所以我们安装 NodeJS 环境和 NodeJS 下的 jshint
安装Node.js,下载地址 https://nodejs.org/dist/ ,XP支持:node-v5.12.0-x86.msi
通过 npm 安装jshint:
打开已安装Node.js的本机的cmd,输入 npm install -g jshint
,回车安装完成后,输入 jshint -v 可见如
jshint v2.6.3
的jshint 版本信息
重启Sublime Text后编辑 JavaScript 文件,就会有语法检查了!
4、安装用于CSS语法检查的[SublimeLinter-csslint]:
按下 Ctrl+Shift+p
进入 Command Palette,输入install
进入 Package Control: Install Package,输入SublimeLinter-csslint
进行安装
通过csslint 的说明,我们知道了和 jshint 一样,csslint 也是基于 NodeJS 下的 csslint 来使用的
安装Node.js,若上面已安装则无需安装
通过 npm 安装 csslint:
打开本机cmd,输入 npm install -g csslint
,回车安装完成后,输入 csslint --version
可见如 v0.10.0
的csslint 版本信息
重启Sublime Text后编辑CSS就会有语法检查了!
5、SublimeLinter 默认以 “background” 模式运行,在用户输入的同时即时校验,如果你想要 Sublime Text 运行得更流畅,可以改为“load-save” 模式或“save-only” 模式,在读取和保存是校验或只在保存时校验。打开 SublimeLinter 的配置文件:菜单 Preferences -> Package Settings -> SublimeLinter -> Settings - User,加入 "sublimelinter": "load-save" 或 "sublimelinter": "save-only"
【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 自带代码提示功能的很好扩展。它还有一个功能就是跳转到变量、函数定义的地方,十分方便。
1、在线搜索插件名安装
2、安装完成后,Perferences->Package Settings->SublimeCodeIntel->Settings - Defalut,修改如下地方:
"codeintel_language_settings": { "Python3": { "python3": "/usr/local/bin/python3.3", "codeintel_scan_extra_dir": [ "/Applications/Sublime Text.app/Contents/MacOS", "~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/arch", "~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/libs" ], "codeintel_scan_files_in_project": true, "codeintel_selected_catalogs": [] }, "JavaScript": { "codeintel_scan_extra_dir": [], "codeintel_scan_exclude_dir":["/build/", "/min/"], "codeintel_scan_files_in_project": false, "codeintel_max_recursive_dir_depth": 2, "codeintel_selected_catalogs": ["jQuery"] //修改为["JavaScript"] }, "PHP": { "php": "/Applications/MAMP/bin/php/php5.5.3/bin/php", "codeintel_scan_extra_dir": [], "codeintel_scan_files_in_project": true, "codeintel_max_recursive_dir_depth": 15, "codeintel_scan_exclude_dir":["/Applications/MAMP/bin/php/php5.5.3/"] } }
保存后重启Sublime Text在写JavaScript时自动补全已生效
3、将 Perferences->Package Settings->SublimeCodeIntel->Settings - Defalut 里的内容拷贝到 Perferences->Package Settings->SublimeCodeIntel->Settings - User 里,并修改如下:
"codeintel_selected_catalogs" //改为"codeintel_selected_catalogs": ["HTML5","HTML","JavaScript","CSS"],
4、十分不建议把 SublimeCodeIntel 与其他单个语言的扩展 package 一同使用,虽然很多语言扩展 package 比 SublimeCodeIntel 的代码提示功能要完善。如果需要一同使用,请在用户配置文件(菜单Preferences -> Package Settings -> SublimeCodeIntel -> Settings - User 中去掉该插件要禁用的已有单独语言扩展包的语言。
"codeintel_enabled_languages": [ "JavaScript", "SCSS", "Python", "HTML", "Ruby", "Python3", "XML", "Sass", "HTML5", "Perl", "CSS", "Twig", "Less", "Node.js", "TemplateToolkit", "PHP" ],
【Emmet】
Emmet 是一个前端开发的利器,其前身是 Zen Coding。它让编写 HTML、CSS 代码变得简单。Emmet 的基本用法是:输入简写形式,然后按 Tab 键。
注意:Emmet 插件需要 PyV8 插件的支持,所以在线安装 Emmet 时,会自动安装 PyV8 插件,不FQ耗时异长且可能安装失败,如果安装后 Emmet 不能正常保用,很有可能是因为 PyV8 没有安装完全,Sublime Text 2 和 3 容易出现这个问题;你可以删除它,然后手动下载插件包安装
1、到Sublime Text中利用Package Control在线安装Emmet,若安装失败可换个时段再尝试在线安装或手动下载插件包
2、下载Emmet https://github.com/sergeche/emmet-sublime#readme
3、将下载的Emmet的压缩包解压后的“emmet-sublime-master”文件放到Sublime TextDataPackages下
4、重启Sublime Text,若自动完成PyV8的下载,在Sublime TextDataPackages下会有一个“PyV8”文件夹,该文件夹下是一个“win32-p3”文件夹,该文件夹中有“_PyV8.pyd”、“config.json”、“PyV8.py”三个文件,在SublimeTextDataInstalled Packages下也有一个“PyV8”文件夹,该文件夹下也是一个“win32-p3”文件夹,该文件夹中有文件“config.json”、“pack.zip”两个文件
5、若PyV8自动下载失败,可多尝试几次可能网络不畅,或去手动下载 https://github.com/emmetio/pyv8-binaries
6、将下载的对应版本的PyV8压缩包解压到自建的对应版本的名为“win32”或“win32-p3”的文件夹中,在Sublime TextDataPackages下自建“PyV8”文件夹,并将前面的文件夹放置其中
7、这时重启Sublim Text后在Preferences(设置)->Package Settings中该可见Emmet,说明Emmet安装成功;
8、新建HTML文件,在其中输入html:5按下tab键或Ctrl+E键(Emmet的默认快捷键)看是否自动完成;若失败,则移除Sublime TextDataPackages下自建的“PyV8”文件夹,重启Sublime Text让其自主加载PyV8插件
【PackageResourceViewer】
通过这个特殊的插件,会给你查看和编辑SublimeText附带的不同的包带来很多方便。您也可以提取任何给定的包。这一行动将其复制到用户文件夹,以便您可以安全地对其进行编辑
直接在线搜索插件名安装
【SublimeTmpl】
新建文件时使用模版的内容, 目前添加了html/js/css/php/python/ruby的模版. 不需新建空白文件, 再从其他文件复制内容过来了
直接在线搜索插件名安装
[使用]:
1. Sublime Text 菜单, File-New File (SublimeTmpl), 选择列表里的相应菜单, 可直接使用模版新建文件
2. 命令, cmd+shift+p, 输入: "tmpl:", 可以找到创建文件的菜单列表
3.快捷键, 默认快捷键见下面. 可以自己修改, 方法见"设置"部分
[快捷键]
Ctrl+Alt+h 新建 html 文件
Ctrl+Alt+j 新建 javascript 文件
Ctrl+Alt+c 新建 css 文件
Ctrl+Alt+p 新建 PHP 文件
Ctrl+Alt+r 新建 ruby 文件
Ctrl+Alt+Shift+p 新建 Python 文件
[关闭默认快捷键]
Package Settings > SublimeTmpl > Settings - User, 增加disabled_keymap_actions配置:
"disabled_keymap_actions": "html, css" // 关闭html/css语法的快捷键(多个逗号分隔)
"disabled_keymap_actions: "all" //关闭所有语法快捷键
[设置]
菜单: Preferences / Packages Settings / SublimeTmpl, 可以编辑菜单/快捷键/新语法等等
自定义模板路径: "DataPackagesUserSublimeTmpl emplates" 目录, 会优先使用
默认模版路径: "DataPackagesSublimeTmpl emplates" 目录.
要更改模板格式、用自己自定义的模板:推荐把默认模版目录的*.tmpl文件 复制到 自定义模板路径, 再去修改
新增语言模板:http://www.fantxi.com/blog/archives/sublime-template-engine-sublimetmpl/
【AutoFileName】
自动补全文件(目录)名,快速列出你想引用的文件夹里面所有文件的名字
注意:安装该插件后,当输入字符串中需要使用“/”时,该插件经常会莫名将“/”删除掉;解决方法就是在该插件的配置setting-user里添加一句:"afn_use_project_root": true, 即可解决
直接在线搜索插件名安装
【Autoprefixer】
这个插件主要应用css的浏览器兼容书写,自动分析你的css文件,解析出新的css文件,可以配置你要兼容的浏览器,不过这个插件要在之前安装 node.js
直接在线搜索插件名安装
【SideBarEnhancements】
SideBarEnhancements 是一款很实用的侧栏菜单右键增强插件,有以 diff 形式显示未保存的修改、在文件管理器中显示该文件、复制文件路径、在侧边栏中定位该文件等功能,也有基础的诸如新建文件/目录,编辑,打开/运行,显示, 在选择中/上级目录/项目中查找,剪切,复制,粘贴,重命名,删除,刷新等常见功能。
直接在线搜索插件名安装
用Sublime Text打开项目文件夹后才能对文件夹下的文件使用右键扩展功能,如果用Sublime Text打开单个文件是没有右键扩展功能的
右键扩展功能->Open In Browser 可在浏览器中打开并调试该文件,功能类似【View In Browser】插件
配置快捷键在不同的浏览器中打开该文件:
Preferences(设置) > Package Settings > Side Bar > Key Bindings-User
注意各浏览器的路径为自己本机安装的路径所在
[ //按Ctrl+Shift+C复制文件路径 { "keys": ["ctrl+shift+c"], "command": "copy_path" }, //firefox { "keys": ["f1"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "D:\应用程序\火狐浏览器\firefox.exe", "extensions":".*" } }, //chrome { "keys": ["f2"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "D:\应用程序\Chrome浏览器\Chrome\chrome.exe", "extensions":".*" //匹配任何文件类型 } }, //ie { "keys": ["f3"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:\Program Files\Internet Explorer\iexplore.exe", "extensions":".*" } }, ]
【gbk4subl】
若安装的Sublime Text 版本不支持中文 GBK 编码,在编辑一些 GBK 编码的文件时就会出现乱码,Sublime Text 2 有很多可以支持 GBK 编码的插件,可惜大多在 Sublime Text 3下都不能工作,在 github 找了下,还好还有 gbk4subl 这款能让 Sublime Text 3支持 GBK 编码的插件。
直接在线搜索插件名安装
【ConvertToUTF8】
ConvertToUTF8 能将除UTF8编码之外的其他编码文件在 Sublime Text 中转换成UTF8编码,在打开文件的时候一开始会显示乱码,然后一刹那就自动显示出正常的字体,当然,在保存文件之后原文件的编码格式不会改变
直接在线搜索插件名安装
【html5】
支持hmtl5规范的插件包
直接在线搜索插件名安装
[注意]:html5标签提示Sublime Text 3自带,与Emmet插件配合使用,效果更好
[使用]:新建html文档>输入html5>敲击Tab键>自动补全html5规范文档
【css3】
css3语言提示插件
直接在线搜索插件名安装
【JavaScript Completions】
js最基本的api快查片段
直接在线搜索插件名安装
【jQuery】
支持JQuery规范的插件包
直接在线搜索插件名安装
【HTML-CSS-JS Prettify】
格式化HTML,CSS,Javascript和Json代码格式。使用该插件,需要安装nodejs,而且要在Preferences->Packages-Setting->HTML/CSS/JS Prettify->set `node` path中设置你node的安装路径。
使用过程:Tools->Command Palette(或者Ctrl+Shift+P),输入选择htmlprettify即可完成整个文档的格式化。也可以设置快捷键:Packages-Setting->HTML/CSS/JS Prettify->set keyboard shortcuts,因为我的ctrl+shift+h已经被占用,所以我改成ctrl+shift+alt+h
直接在线搜索插件名安装
【CSS Format】
CSS Format可以将任意的 CSS、SASS、SCSS、LESS 代码格式化为展开、紧凑、压缩的形式,选中需要格式化的样式代码,右键选中CSS Format,选择需要形成的格式即可
直接在线搜索插件名安装
【CSSComb】
这是用来给CSS属性进行排序的格式化插件。如果你想保持的代码干净整洁,并且希望按一定的顺序排列(是不是有点强迫症了?),那么这个插件是一种有效解决的方案。特别是当你和其他有自己代码编写风格的开发者一同协作的时候。
直接在线搜索插件名安装
【JSFormat】
JS代码格式化插件
直接在线搜索插件名安装
[使用]:快捷键 Ctrl+Alt+F,或者右击选择JsFormat
【ColorHighlighter】
显示所选颜色值的颜色,并集成了ColorPicker,内置一个调色盘,调好颜色,点击OK就会在光标处生成十六进制颜色代码
直接在线搜索插件名安装
[使用]:快捷键---Ctrl+Shift+C,在16进制的颜色值上点右键,选择“Choose color”,会弹性颜色拾色器,在需要的色块上单击。
【BracketHighlighter】
BracketHighlighter 是一个括号、引号、标签高亮插件,支持 []、()、{}、""、'' 和 <tag></tag> 等,比 Sublime Text 自带的高亮要明显得多。
直接在线搜索插件名安装
【DocBlockr】
快速生成 JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript,TypeScript, Java, Groovy, Objective C, C, C++ ,Rust 的注释
直接在线搜索插件名安装
[使用]:在函数上面输入/** ,然后按 Tab 就会自动生成注释
【Alignment】
Alignment 是一个代码格式化插件,它可以使多行代码中的等号对齐,也可以调整多行代码为一个缩进级别,默认快捷键是 ctrl+alt+a(Mac OS 上是 cmd+ctrl+a)。
直接在线搜索插件名安装
[使用]:快捷键 Ctrl+Alt+A
【View In Browser】
Sublime Text保存后网页自动同步更新
直接在线搜索插件名安装
在打开的文档任一处点右键,选择“View In Browser”,就会用默认的浏览器自动打开该文件,如果你电脑装有多个浏览器,你想换其它的作为此操作的默认浏览器,你可以按以下方法设置:
打开“View In Browser.sublime-settings”,写入以下代码:
{
"browser": "chrome64"
}
【LiveReload】
调试网页实时自动更新
直接在线搜索插件名安装
[使用]:快捷键 Ctr+Alt+V ,同时Chrome浏览器也要安装LiveReload 的扩展插件
【FileDiffs】
这个插件允许你看到SublimeText中两个不同文件的差异。你可以比较的对象可以是从剪贴板中复制的数据,或工程中的文件,当前打开的文件等
直接在线搜索插件名安装
【CTags】
函数跳转
安装教程:http://sublimetext.iaixue.com/forum.php?mod=viewthread&tid=100&extra=page%3D1
【MarkDown Editing】
SublimeText 能够查看和编辑 Markdown 文件,但会视它们为格式很糟糕的纯文本,这个插件通过适当的颜色高亮和其它功能来更好地完成这些任务
直接在线搜索插件名下载
//////////////////////////////////////////////////// 错误 ////////////////////////////////////////////////////
【总是弹出 1 missing dependency was just install.Sublime Text should be restarted,otherwise one or more of the installed packages may not function properly.】
1、删除SublimeTextDataInstalled Packages下的“0_package_control_loader.sublime-package”文件
2、在菜单栏Preference(设置)->用户设置中的"ignored_packages"添加上"Package Control":
"ignored_packages":
[
"Vintage",
"Package Control"
]
3、设置完后不再弹出,但是Preferences(设置)下的 Package Control 没了,注释掉Preference(设置)->用户设置中的"ignored_packages"添加的"Package Control"就恢复正常了
【编码问题】
Sublime Text中文论坛下载的简体中文版已默认集成了【ConvertToUTF8】插件的功能,打开文件时左下角会显示转为默认的UTF-8格式;
系统自带的记事本写的文件在Sublime Text中打开显示编码格式为 ASCIIGB2312 Windows 1252,有时记事本写的文件中的已有中文在打开时显示为乱码,说明该部分自动转UTF-8失败
Sublime Text菜单栏[File(文件)]->Set File Encoding to可将当前文件转为GBK或UTF-8,继续对该文件编辑保存后自动会以设置后的编码格式保存;
【plugin_host has exited unexpectedly,plugin functionality won't be available until Sublime Text has been restarted】
弹出该错误后会导致大多数插件不可用,猜测是由于【SublimeCodeIntel】插件引起,尝试重装Sublime Text后不安装该插件未弹出该错误