Sublime Text 3

软件下载地址:【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】

  Sublime​Code​Intel 是一个代码提示、补全插件,支持 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、十分不建议把 Sublime​Code​Intel 与其他单个语言的扩展 package 一同使用,虽然很多语言扩展 package 比 Sublime​Code​Intel 的代码提示功能要完善。如果需要一同使用,请在用户配置文件(菜单Preferences -> Package Settings -> Sublime​Code​Intel -> 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】

  Bracket​Highlighter 是一个括号、引号、标签高亮插件,支持 []、()、{}、""、'' 和 <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后不安装该插件未弹出该错误

原文地址:https://www.cnblogs.com/zhouwanqiu/p/8529894.html