Эммет заказные фрагмент кода HTML для мета-медиа запрос

Question

Я хочу сделать пользовательский HTML код аббревиатуру Эммета в SublimeText 2. Например, я могу использовать ссылку: CSS, который расширяется до:

<link rel="stylesheet" href="style.css"> 

Сейчас я бы хотел бы использовать ссылку: СМИ расширить до:

<link rel="stylesheet" media="only screen and (min-width:000px) and 
(max-width:000px)" href="style.css"> 

Я думал, что я нашел часть решения, идя в:

C:\Users\Username\AppData\Roaming\Sublime Text 2\Packages\Emmet 

и в этом файле: Emmet.sublime-настройки, я добавил этот код, в разделе под названием «Фрагменты»: {...

// can be improved 
    "html": { 
     "abbreviations": { 
      "link:mqm": "<link rel=\"stylesheet\" type=\"text/css\" media=\"only screen and (min-width:", 
      "mqx": "and (max-width:" 
     } 
    } 

... но это не работает. Кроме того, я действительно хочу это сделать: я хочу объединить обе «link: mqm» и «mqx» в единую аббревиатуру - link: media - которая будет, когда один раз ударит TAB, приведет к «min-width», поэтому что я могу установить первое значение пикселя, а после удара TAB второй раз, он будет идти после «max-width», поэтому я могу поместить второе значение пикселя.

Кто-нибудь сделал что-нибудь подобное?

Answer 1

Хорошо, я нашел решение.

Во-первых, есть snippets.json файл в этом месте:

C:\Users\Username\AppData\Roaming\Sublime Text 2\Packages\Emmet\emmet 

В нем перечислены все сокращения, поэтому я заглянул под «HTML», а затем я нашел «ссылка: CSS» , Это я использовал в качестве шаблона для своего собственного фрагмента.

Затем я открыл файл Emmet.sublime-настройку, в этом месте:

C:\Users\Username\AppData\Roaming\Sublime Text 2\Packages\Emmet 

и я обнаружил, что в разделе «Настройка» на самом деле добавляет (или я должен сказать «переопределяю ") вышеупомянутый файл" settings.json ". Теперь в этом разделе «настройки» я добавил этот код:

 "html": { 
     "abbreviations": { 
      "link:media": "<link rel=\"stylesheet\" type=\"text/css\" media=\"only screen and (min-width:${1:50}px) and (max-width:${2:500}px)\" href=\"${3:style}.css\" />" 
     } 
    }, 

... и он работает так, как я хотел.