सबलाइम (और ऐटम) स्निपेट

स्निपेट ऐसे कई हिस्से होते हैं जिनका फिर से इस्तेमाल किया जा सकता है वह कोड आप आसानी से और तेज़ी से अपने टेक्स्ट एडिटर में जा सकते हैं.

उनके काम करने का तरीका यह है कि आप कोई शॉर्ट हैंड कोड टाइप करना शुरू करें, तो एक पॉप-अप दिखेगा और जो स्निपेट आप चाहते हैं बस Enter दबाएं और आपको पहले से तय कोड का हिस्सा.

इस बात का ध्यान रखने वाली बात सिर्फ़ यह है कि स्निपेट सिर्फ़ तब काम कर सकते हैं, जब का उपयोग कर रहे हैं तो संपादन का एक विशिष्ट एक्सटेंशन है (यानी JavaScript स्निपेट केवल .js पर खत्म होने वाली फ़ाइल में बदलाव करते समय.

JS और NodeJS स्निपेट

सब्लाइम | ऐटम

JavaScript और NodeJS स्निपेट पैकेज इसे ज़ेनो रोचा ने बनाया है. यह सामान्य स्निपेट का एक शानदार पैकेज है की मदद से सामान्य JavaScript को आसानी से लिखा जा सकता है.

नीचे शॉर्टहैंड कोड और उनसे बनाए जाने वाले कोड के कुछ उदाहरण दिए गए हैं:

ae (इवेंट लिसनर जोड़ें)

document.addEventListener('event', function(e) {  
 // body...  
});

cel (एलिमेंट बनाएं)

document.createElement(elem);

cdf (दस्तावेज़ का फ़्रैगमेंट बनाएं)

document.createDocumentFragment(elem);

पीआर (प्रोटोटाइप)

ClassName.prototype.methodName = function(arguments) {  
 // body...  
}

iife (तुरंत शुरू होने वाला फ़ंक्शन एक्सप्रेशन)

(function(window, document, undefined) {  
 // body...  
})(window, document);

यह रही बेन आल्मैन की पोस्ट आइफ़, सिर्फ़ मैट के लिए.

zeno में उन निर्देशों की पूरी सूची है जिन्हें GitHub पर इस्तेमाल किया जा सकता है रेपो (और पैकेज पेज).

ES2015 टूलकिट

सब्लाइम

ES2015 (यानी ES6) शानदार है और इसमें सबसे बेहतरीन चीज़ों को शामिल करने के लिए, आपकी उसके साथ रखा जा सकता है.

इस पैकेज और इसके स्निपेट का इस्तेमाल करने के लिए, इंस्टॉल करना न भूलें Babel से NPM तक.

npm इंस्टॉल -g balel

साथ ही, कुछ शॉर्टहैंड कोड की शुरुआत में कैपिटल लेटर का इस्तेमाल करें.

प्रॉमिस

Promise((resolve, reject) => {

});

क्लास

class Classname extends AnotherClass {
  constructor(args) {
    // code
  }

  // methods
}

ऑब्जेक्ट

var obj = {
  __proto__: theProtoObj,
  handler,
  toString() {
    return "object";
  }
}

काम करने वाले स्निपेट की पूरी सूची देखने के लिए, Sublime पैकेज कंट्रोल पेज पर जाएं.

माफ़ करें, ऐटम के लिए यह पैकेज उपलब्ध नहीं है. सबसे ज़्यादा मिलता-जुलता इस पैकेज का टाइटल है 'es6-JavaScript' को चुनें.

पॉलिमर और वेब कॉम्पोनेंट पैकेज

सब्लाइम | ऐटम

Mr Dodson के शानदार पॉलिमर और वेब कॉम्पोनेंट स्निपेट.

नमस्ते (HTML इंपोर्ट)

<link rel="import" href="bower_components//.html">

pe (पॉलिमर एलिमेंट)

<dom-module id="">
  <style>
    :host {
      display: block;
    }
  </style>
  <template>

  </template>
  <script>
    Polymer({
      is: ''
    });
  </script>
</dom-module>

प्रतिक्रिया वाले स्निपेट

सब्लाइम | ऐटम

React के प्रशंसकों के लिए, आपके लिए भी एक पैकेज है. स्कैफ़ोल्ड इन स्निपेट के साथ कॉम्पोनेंट और आम तौर पर लिखे गए कोड को हटाना होता है.

rcc (क्लास कॉम्पोनेंट स्केलेटन)

var React = require('react');
var PropTypes = React.PropTypes;

var  = React.createClass({

  render: function() {
    return (
      <div />
    );
  }

});

module.exports = ;

scu (IfcomponentUpdate)

shouldComponentUpdate: function(nextProps, nextState) {

},

प्रॉप

this.props.

राज्य

this.state.

MOAR पैकेज

ऐसे कई सारे पैकेज हैं जो अलग-अलग फ़्रेमवर्क को बेहतर बनाने में मदद करता है, इसलिए अगर आपको लगता है कि आप कोड के एक ही हिस्से को संभावना है कि किसी ने एक पैकेज लिखा हो, जो पहले, पैकेज में एक खोज करें और अपने संपादक के लिए प्रबंधित करें (सब्लाइम | ऐटम).