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

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

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

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

JS और NodeJS स्निपेट

सबलाइम | ऐटम

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

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

e (इवेंट पहचानकर्ता जोड़ें)

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

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

document.createElement(elem);

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

document.createDocumentFragment(elem);

pr (प्रोटोटाइप)

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

iife (तुरंत लागू किया गया फ़ंक्शन एक्सप्रेशन)

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

यह रही बेन अलमैन की पोस्ट जिसे सिर्फ़ मैट के लिए बनाया गया है.

ज़ेनो के पास उन कमांड की पूरी सूची है जिनका इस्तेमाल आप github repo (और पैकेज पेज) पर इस्तेमाल कर सकते हैं.

ES2015 टूलकिट

सबलाइम

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

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

एनपीएम इंस्टॉल -जी बैबल

कुछ शॉर्टहैंड कोड की शुरुआत में कैपिटल लेटर का ध्यान रखें.

वादा

Promise((resolve, reject) => {

});

क्लास

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

  // methods
}

ऑब्जेक्ट

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

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

माफ़ करें, यह पैकेज Atom के लिए उपलब्ध नहीं है. ऐसा लगता है कि सबसे करीब यह 'es6-javascript' टाइटल वाला यह पैकेज है.

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

सबलाइम | ऐटम

Mr Dodsons के शानदार पॉलिमर और वेब कॉम्पोनेंट स्निपेट की मदद से, Polymer के लिए छोटे से बॉयलरप्लेट लिखने में लगने वाला समय बचाएं.

नमस्ते (एचटीएमएल इंपोर्ट)

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

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

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

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

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

सबलाइम | ऐटम

आखिरकार, यह प्रतिक्रिया प्रशंसकों के लिए आपके लिए भी उपलब्ध है. कॉम्पोनेंट और आम तौर पर लिखे जाने वाले कोड को इन स्निपेट की मदद से छिपाएं.

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

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

var  = React.createClass({

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

});

module.exports = ;

scu (shouldcomponentUpdate)

shouldComponentUpdate: function(nextProps, nextState) {

},

props

this.props.

state

this.state.

MOAR पैकेज

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