Emmet 中的单引号与 VS Web Essentials

Posted 2023-02-21

【中文标题】Emmet 中的单引号与 VS Web Essentials

【英文标题】：Single Quotes in Emmet With VS Web Essentials

【发布时间】：2015-09-04 16:14:40

【问题描述】：

有没有办法强制 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。

【参考方案1】：

要让单引号与 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
  

这应该适用于大多数编辑器，但我只在 atom 中尝试过。 https://github.com/emmetio/emmet-atom/issues/68

【参考方案2】：

最近不是约翰尼，但我无法让它在 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
    

您可以在其中定义每种语言的设置。这对我有用。

【讨论】：

谢谢，我在一个很深的兔子洞里试图解决这个问题。这是帮助我的解决方案（VS Code 1.42.0 版）。明确地说，将您提供的代码添加到我的 settings.json 代码文件中 - 我没有创建单独的文件或目录。

谢谢！我做了 ctrl + shift + p 进入弹出窗口。我搜索了“设置 json”。单击“首选项：打开设置 (JSON)”。然后在最底部添加了上述设置，效果很好。

这个问题是关于在 Visual Studio 中使用 VS Web Essentials（不是 VS Code）