تکه‌های عالی (و اتم).

اسنیپت ها تکه های کد قابل استفاده مجدد هستند که می توانید به راحتی و به سرعت آنها را در ویرایشگر متن خود رها کنید.

روش کار این است که شما شروع به تایپ یک کد کوتاه دستی می کنید، یک پنجره بازشو ظاهر می شود و شما به سادگی اینتر را برای قطعه مورد نظر فشار می دهید و یک قطعه از پیش تعریف شده از کد دریافت می کنید.

تنها نکته مهمی که باید در نظر داشت این است که تکه‌ها فقط زمانی کار می‌کنند که فایلی که در حال ویرایش آن هستید پسوند خاصی داشته باشد (یعنی تکه‌های جاوا اسکریپت فقط زمانی کار می‌کنند که فایلی را که با .js ختم می‌شود ویرایش کنید).

قطعات JS و NodeJS

عالی | اتم

بسته JavaScript و NodeJS Snippets توسط Zeno Rocha یک بسته عالی از قطعات ساده است که به شما امکان می دهد به سرعت جاوا اسکریپت رایج را بنویسید.

در زیر چند نمونه از کدهای مختصر و کدهایی که تولید می کنند آورده شده است:

ae (افزودن شنونده رویداد)

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);

در اینجا پست بن المان در iife's ، فقط برای مت است.

Zeno یک لیست کامل از دستوراتی دارد که می توانید در مخزن github (و صفحات بسته) استفاده کنید.

جعبه ابزار ES2015

والا

ES2015 (با نام مستعار ES6) عالی است و با بسیاری از چیزهای عالی، یک بسته قطعه برای همراهی با آن وجود دارد.

برای استفاده از این پکیج و اسنیپت های آن حتما Babel را از طریق NPM نصب کنید.

npm نصب -g babel

همچنین در ابتدای برخی از کدهای مختصر به بزرگی توجه کنید.

وعده

Promise((resolve, reject) => {

});

کلاس

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

  // methods
}

هدف - شی

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

برای فهرست کامل قطعات پشتیبانی شده ، صفحه کنترل بسته Sublime را بررسی کنید.

متأسفانه این بسته برای Atom در دسترس نیست. به نظر می رسد نزدیک ترین معادل این بسته با عنوان 'es6-javascript' باشد.

بسته کامپوننت پلیمر و وب

عالی | اتم

تلاش خود را برای نوشتن boilerplate برای Polymer با قطعات بسیار جذاب پلیمر و Web Component آقای Dodsons کاهش دهید.

سلام (HTML Import)

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

عالی | اتم

در نهایت برای طرفداران React موجود است، یک بسته برای شما نیز وجود دارد. اجزاء و کدهای معمولاً نوشته شده را با این قطعه‌ها از داربست خارج کنید.

rcc (اسکلت اجزای کلاس)

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

var  = React.createClass({

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

});

module.exports = ;

scu (باید ComponentUpdate)

shouldComponentUpdate: function(nextProps, nextState) {

},

لوازم جانبی

this.props.

حالت

this.state.

بسته های MOAR

تعداد زیادی بسته دیگر وجود دارد که قطعه‌هایی را برای فریم‌ورک‌های مختلف ارائه می‌دهند، بنابراین اگر متوجه شدید که کدهای مشابهی را بارها و بارها می‌نویسید، به احتمال زیاد شخصی بسته‌ای را نوشته است که به گذشته کمک کند، کافی است جستجو کنید. در بسته برای ویرایشگر خود مدیریت کنید ( Sublime | Atom ).