Sublime Text3插件以及配置集合

Sublime Text3

持續的更新。。。

軟件下載：http://pan.baidu.com/s/1o6BsdXg

安裝Package Control

ctrl+`

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

sublime-setting user

{
    "always_show_minimap_viewport": true,//始終顯示代碼地圖
    "color_scheme": "Packages/Material Color Scheme/sublime/material-dark.tmTheme",//設置本身的顏色主題
    "font_size": 14,//字體大小
    "translate_tabs_to_spaces": true,//tab轉爲空格
    "tab_size": 4,//tab佔4個空格
    "highlight_line": true,//高亮當前行    "save_on_focus_lost": true,//當前tab失去焦點自動保存
    "show_encoding": true,//右下角顯示當前文件的編碼
    "word_separators": "./\\()\"':,.;<>~!@#$%^&*|+=[]{}`~?"//字符分隔符
}

AutoFileName https://github.com/BoundInCode/AutoFileName

<img src="../|" />

File​Header http://shiyanhui.github.io/FileHeader/

在__FileHeader.sublime-settings__里加入以下內容( author和email改成本身的 )：

{
    "Default": {
        "author":"zhuxy",
        "last_modified_by":"zhuxy",
        "email":"zhuxinyong.sh@superjia.com"
    }
}

Browser Packages->File Header->tempalte->body>JavaScript.tmpl

'use strict';
var demo = {

    api: function(key) {
        var rootPath = '/api/api';
        return rootPath + {
            list: ''
        }[key];
    },

    init: function(container, options) {
        var self = this;
        self.container = container;
        self.options = options;

        self.events();
    },
    events: function() {
        var self = this;
        var container = self.container;

        container.on('click', '.demo', function() {

        });
    }
};

module.exports = demo;

local-history https://github.com/vishr/local-history

ctrl + shift + p 輸入： local History:

DocBlockr https://github.com/spadgos/sublime-jsdocs()

SideBarEnhancements https://github.com/titoBouzout/SideBarEnhancements

Emmet: http://emmet.io/

部分快捷鍵：
__css:__

> m-10--20 -> margin: -10px -20px;

__html:__
> ul>li.item-$*3>(span+em)

<ul>
    <li class="item-1"><span></span><em></em></li>
    <li class="item-2"><span></span><em></em></li>
    <li class="item-3"><span></span><em></em></li>
</ul>

Emmet LiveStyle http://livestyle.emmet.io/install/ http://livestyle.emmet.io/about/

HTML-CSS-JS Prettify https://github.com/victorporof/Sublime-HTMLPrettify

SyncedSideBar https://github.com/sobstel/SyncedSideBar

支持當前文件在左側面板中定位

FileDiffs https://github.com/colinta/

ConvertToUTF8 https://sublime.wbond.net/packages/ConvertToUTF8

Markdown Preview https://packagecontrol.io/packages/Markdown%20Preview

Preferences -> Key Bindings User

設置快捷鍵：

[
    { "keys": ["alt+m"], "command": "markdown_preview", "args": { "target": "browser"} }
]

Preferences ->Package Settings->Markdown Preview->Setting Default

CSScomb

https://packagecontrol.io/packages/CSScomb

auto-save

https://packagecontrol.io/packages/auto-save