Question

我正在使用带支架的emmet。在此文件中，lib / AppSupport / Brackets / extensions / user / bracket-emmet / snippets.json 我在正确的地方添加了这一行：

"clearfix":".clearfix:before, .clearfix:after { content: \" \"; display: table; } .clearfix:after { clear: both; } /* For IE 6/7 only */ .clearfix { *zoom: 1; }",

这有效，但这看起来不是一个好习惯，所以我尝试用这个小样本在同一个文件夹中创建另一个文件mysnippets.json：

{
  "css": {
    "snippets": {
       "test": "ok"
    }
  }
}

但它不起作用（保存/重新启动后）。

是否可以在同一个文件夹中添加外部json？什么是哇？

Answer 1

打开括号-emmet / main.js 在这附近定义一个变量，如下所示：

var userSnippets    = require('text!emmet/userSnippets.json');

然后找到这一行：

emmet.loadSystemSnippets(snippets);

复制并替换为：

emmet.loadSystemSnippets(userSnippets);

现在，在：bracket-emmet / node_modules / emmet / lib /中创建一个名为userSnippets.json的文件在这里编辑自定义片段，最后按F5（命令+ r）刷新括号。

完成！：）

Answer 2

http://docs.emmet.io/customization/snippets/处的文档指示您创建一个扩展文件夹，并在其中放置一个snippets.json或片段 - * .json（其中*可以是任何名称）。在新的json文件中，您可以创建新的代码段或覆盖标准snippets.json文件中的标准代码段。在Emmet首选项中，将路径放到extensions文件夹中。在Win 7中，您似乎需要在路径名中使用正斜杠。您的自定义snippets.json文件不会被更新覆盖。遵循此程序适用于Win 7上的Brackets sprint 41。

Answer 3

这是Brackets的解决方案（在43上测试）： http://circlewaves.com/blog/how-to-add-custom-snippets-to-emmet-for-brackets/

所有你需要的 - 是创建一个名称以“snippets”开头的JSON文件，例如：snippets-mysnippets.json，snippets_team.json，snippets-php.json等;并在Emmet选项中使用此JSON文件设置扩展文件夹：

在我的Mac上我添加了类似：/ Users / benoit / Documents / Brackets / 添加snippets-css.json：

{
  "css": {
    "snippets": {
        "reset":"/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */\n  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } \n/* HTML5 display-role reset for older browsers */\n article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }",
        "clearfix":".clearfix:before, .clearfix:after { content: \" \"; display: table; } .clearfix:after { clear: both; } /* For IE 6/7 only */ .clearfix { *zoom: 1; }"    }
  }
}

Answer 4

在我的Windows上，我添加了Brackets - emmet - preferences path：

C:/Users/Andrew/AppData/Roaming/Brackets/extensions/user

并在此文件夹中创建了我自己的snippets.json，它确实有效！

Answer 5

支架的Emmet扩展程序looks like仅从该位置加载代码段。因此，如果您想自定义您的代码段，则似乎唯一的选择是编辑该文件（并在您更新扩展程序版本时重新应用您的修改）。 snippets.json格式在此处正式记录：http://docs.emmet.io/customization/snippets/

如果Emmet支持单独的用户可编辑配置文件，那将是很好的。可能值filing an issue on the Emmet extension要求这个......

将自定义代码段添加到emmet

5 个答案: