Emmet 中的单引号与 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，您需要使用语法配置文件更新或创建~/emmet中的syntaxProfiles.json。如果~/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