Sublime Text3 常用插件

Sublime Text3

• SublimeTmpl : https://github.com/kairyou/SublimeTmpl
  快捷键：

  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

  SublimeTmpl.sublime-settings:(Preferences->Package Settings -> SublimeTmpl->Settings-User)

{
    "attr": {
       "author": "zhuxinyong" ,
       "email": "[e-mail]"
  }
}

JavaScript模板：Sublime Text Build 3083 x64\Data\Packages\SublimeTmpl\templates

/**
 * @authors ${author} (${email})
 * @date    ${date}
 */
(function(${1:\$}){
    'use strict';
    var demo = {
        init: function(container, options) {
            var self = this;
            self.__container = container;
            self.__options = options;
            $3
            self.__events();
        },
        __events: function() {
            var self = this;
            var container = self.__container;

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

            });
        }
    }

    App.modules.demo = demo;
})(${2:jQuery});

• 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>