Дошли руки оформить коллекцию javascript сниппетов для sublimetext2. Как человеку, работающему с кодом, мне хочется как можно меньше набирать текст, меньше тратить телодвижений на превращение мысли в код.

Установка вручную

1. скачать архив с github
2. распаковать в папку с package-ами (в редакторе: Preferences – Browse Packages...)

Установка через package control

1. В sublimetext2 выполнить в консоли “Package Control: Add Repository”
2. В поле ввода вставить урл https://github.com/podgorniy/js-snippets-st2
3. Теперь сниппеты можно устанавливать как любой другой плагин из Package Control (в консоли Package Control: Install Package – js-snippets-st2)

Преимущество последнего: обновление сниппетов, автоматически при обновлении репозитория.

Субъективные переживания

Свойства сниппетов для sublimetext2, что меня порадовали:

• сниппет появляется в автокомплите
• сниппет доступен их командной строки (где его можно искать по описанию)
• сниппет не статический, доступно нечто вроде ветвления (об это ниже)

Про “ветвление” (уверен, что этому явлению есть научное название). Стандартный сниппет get разворачивается в нечто следующее: getElementsByTagName(‘‘) при этом символ “T” выделен. Если начать набирать I, то развертка сниппета превратится в getElementById(‘‘). Это революция: зачем делать два отдельных сниппета для таких схожих методов, если можно обойтись одним? Попробуйте, с таким подходом код становится набирать на 55% приятнее и на 50% быстрее. Я дал себе обещание научиться писать подобные сниппеты и сдержал его. Позже расширил коллекцию частоупотребляемыми методами.

Tabstops указаны символом | (последовательность не указана, определяйте ее экспериментальным путем)
Однословные

• a – arguments
• de – debugger
• d – document
• l – location
• p – prototype
• w – window
• q – querySelectorAll(‘‘)

Логгирование

• cl – console.log();
• cw – console.warn();
• ci – console.info();
• ct – console.timeStamp(‘‘);

Анонимщина

// sif
;(function () {
	|
}());

//sifs
;(function () {
	'use strict';

	|
}());

Теперь хитрые (с ветвлением, текстом по умолчанию и кучей tabstops)
Хитрые

• set – setTimeout(function () {}, 50); по умолчанию стоит setTimeut, но достаточно начать набирать I, как сниппет превратится в setInerval (при этом есть возможность изменить время таймаута, вместо анонимной функции указать именованную. Последняя остановка внутри анонимной функции)
• clr – clearTimeout(); так же позволяет очищать интервалы

//for
for (i = 0; i < arr.length; i += 1) {
	arr[i]
}

Цикл (стандартные ужасны) можно подменять имя массива, имя счетчика. Подразумевается, что счетчик уже объявлен (да, я объявляю переменные в начале функции)

• ’ – ’ + + ’ крайне удобная вещь для быстрой вставки значений в строки.