Одиночные кавычки в Emmet With VS Web Essentials

Question

Есть ли способ заставить Visual Studio Web Essentials вставлять одинарные кавычки вместо двойных?

Например, чтобы div.col-xs-1 TAB производит <div class='col-xs-1'></div> вместо дефолта <div class="col-xs-1"></div>?

Я использую Visual Studio 2013 Update 4 с Web Essentials 2013 v. 2.5.3.

Answer 1

Не то чтобы Джонни пришел в последнее время, но у меня были проблемы с тем, чтобы заставить это работать в коде VS, и поэтому я подумал, что опубликую решение для тех, кто все еще имеет эту проблему. Моим решением было зайти в настройки (ctrl-,) > настройки пользователя> расширения> emmet и в настройках нажать "Редактировать в settings.json". Там я добавил это в настройки пользователя:

"emmet.syntaxProfiles": {
    "xml": {
        "attr_quotes": "single"
    },
    "html": {
        "attr_quotes": "single"
    },
    "js": {
        "attr_quotes": "single",
        "self_closing_tag": true
    },
    "jsx": {
        "attr_quotes": "single",
        "self_closing_tag": true
    }
}

Где для каждого языка вы можете определить настройки для. Это сработало для меня.

Answer 2

Чтобы получить одинарные кавычки, работающие с JSX, вам нужно обновить или создать syntaxProfiles.json в ~/emmet с синтаксическим профилем. Если ~/emmet не существует, создайте это.

Ключ - это расширение файла, а значение - это имя профиля, который будет использовать расширение.

Так в ~/emmet/syntaxProfiles.json

/* 'js' will map files with .js extension to use the js profile*/
/* 'jsx' will map files with .jsx extension to also use the js profile*/
{
  "js": "js",
  "jsx": "js"
}

И в ~/emmet/profiles.json

/* create or add the 'js' profile */
{
  "html": {
    "attr_quotes": "double"
  },
  "js": {
    "attr_quotes": "single",
    "self_closing_tag": true
  }
}

Это должно работать для большинства редакторов, но я только попробовал в атоме. https://github.com/emmetio/emmet-atom/issues/68