Автодополнение переменных SCSS в Sublime?

Question

[Игорь Павленко]

Sublime почему-то не делает этого из коробки..
Есть ли какие-то плагины для этого?

Answer 1

[Evanre]

Не сталкивался с подобными плагинами, сам использую для этого сниппеты Emmet'а, очень удобно. чиать тут.

"snippets": {
		// "html": {
		//	"abbreviations": {
		//		"example": "<div class='example' title='Custom element example'>"
		//	}
		// }
		"css": {
			"abbreviations": {
				"mql": "@include breakpoint(${1:xlarge}) {\n\t|${2}\n}",
				"mq": "@include breakpoint(${1:large}) {\n\t|${2}\n}",
				"mqm": "@include breakpoint(${1:medium}) {\n\t|${2}\n}",
				"mqs": "@include breakpoint(${1:small only}) {\n\t|${2}\n}",
				"flex": "@include flex(${1:null}, ${2:null}, ${3:null}, ${4:null}, ${5:null});",
				"inc": "@include ${1};",
				"ext": "@extend ${1};",
				"clear": "@include clearfix;",
				"qqq": "&${1:-} {${2}}",
				"dn": "display: none;",
				"db": "display: block;",
				"df": "display: flex;",
				"di": "display: inline;",
				"dib": "display: inline-block;",
				"trans": "transition: \\$transition;",
				"colw": "color: \\$whitish;",
				"colb": "color: \\$blackish;",
				"colp": "color: \\$primary;",
				"cols": "color: \\$secondary;",
				"bgcw": "background-color: \\$whitish;",
				"bgcb": "background-color: \\$blackish;",
				"bgcpr": "background-color: \\$primary;",
				"bgcs": "background-color: \\$secondary;",
				"hover": "@include superhover {\n\t|${1}\n}",
			}
		},
	},

Answer 2

[Enrage]

Плагина с автокоплитом налету я не нашел. Но есть неплохой вариант. Я использую вот такой плагин: List Stylesheet Variables. Там нужно нажать горячие клавиши, и вылезет список используемых переменных. Подходит и для Less, и для Scss.