1

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


ghostcode
852 声望16 粉丝

引用和评论

0 条评论