首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >编辑设置后,VSC中的emmet功能不起作用

编辑设置后,VSC中的emmet功能不起作用
EN

Stack Overflow用户
提问于 2019-05-16 22:53:59
回答 2查看 69关注 0票数 0

我是VSC环境的新手,我第一次使用了flutter开发环境。来自一个原始的基本text++编辑器,我爱上了它附带的所有奇特的功能,比如关闭标签和自动构建标签。

例如,

我可以输入这样的内容

代码语言:javascript
复制
.test|c

它会扩展到

代码语言:javascript
复制
<div class="test">

</div><!--test-->

这是非常有用的。我做web开发人员已经有很长一段时间了,我已经构建了相当大的全栈reactJS应用程序,但从来没有使用过任何辅助工具,我看到了其中的绝对价值。

为了尝试在visual studio (mac os)中模拟这些设置,我执行了以下操作:

-> ->首选项code settings。

在工作场所设置下,我从emmet文档中创建了以下代码片段:

代码语言:javascript
复制
"emmet.preferences":{
    "filter.commentAfter": "<!-- /[#ID][.CLASS] -->",
  },
"emmet.syntaxProfiles": {
    "html" : {
        "filters" :"bem"
    }
},

但是,遗憾的是,没有任何效果。我注意到emmet没有注意到.test|c,因为它不会自动生成。

有什么建议出了什么问题吗?

EN

回答 2

Stack Overflow用户

发布于 2019-09-04 17:13:12

尝试将此添加到您的settings.json

代码语言:javascript
复制
  "emmet.preferences":{
    "filter.commentAfter": "\n<!-- /[#ID][.CLASS] -->",
  },
  "emmet.syntaxProfiles": {
  // Enable XHTML dialect for HTML syntax
  // “html”: “xhtml”
    "html" : {
      "filters" :"html, c"
      }
  },

这是从Caffeine Creations那里学到的

票数 0
EN

Stack Overflow用户

发布于 2019-09-05 10:48:11

以下是几点:

代码语言:javascript
复制
"emmet.preferences":{
   "filter.commentAfter": "<!-- /[#ID][.CLASS] -->",
},

正如你所说的,这是正确的。

现在,至于syntaxProfiles条目,这取决于您计划如何使用comment filter

要用作.wrapper|c (显式使用|c),请执行以下操作:

代码语言:javascript
复制
"emmet.syntaxProfiles": {
    "html" : {
      "filters" :"html"  // put any other filters here as `"html, bem"`
     }
},

要用作.wrapper (隐式使用|c):

代码语言:javascript
复制
"emmet.syntaxProfiles": {
    "html" : {
      "filters" :"html c"  // put any other filters here as `"html, bem, c"`
     }
},

在这个最新的版本中,一个注释将被添加到所有的标签,这可能不是你想要的。参见emmet: implicit filter calls

如果您希望像示例中那样用换行符分隔div,请执行以下操作:

代码语言:javascript
复制
"emmet.preferences": {
   "format.forceIndentationForTags": ["script", "div"],
   "filter.commentAfter": "<!-- /[#ID][.CLASS] -->"
 },

现在,div (和script)标记将显示为:

代码语言:javascript
复制
<div class="test">
  |
</div><!--test-->

最后,看起来你根本没有看到emmet的功能。请参阅enabling emmet in other file types

"emmet.includeLanguages":{ "javascript":"javascriptreact","vue-html":"html","razor":"html",“明文”:"jade“}

我不确定您使用的是哪种文件类型,但您可能需要将其映射为javascriptreacthtml,例如,如上面的示例代码所示。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56171370

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档