3

我正在使用带有括号的 emmet。在这个文件 lib/AppSupport/Brackets/extensions/user/brackets-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？穿什么？

4

5 回答 5

3

这是括号的解决方案（在 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; }"    }
  }
}
于 2014-09-08T18:12:43.530 回答
1

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

于 2014-06-28T19:22:16.880 回答
1

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

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

然后找到这一行：

emmet.loadSystemSnippets(snippets);

复制它并替换为：

emmet.loadSystemSnippets(userSnippets);

现在，在以下位置创建一个名为 userSnippets.json 的文件：brackets-emmet/node_modules/emmet/lib/ 在此处编辑您的自定义片段，最后按 F5 (command + r) 刷新括号。

完毕！:)

于 2014-06-26T04:07:33.807 回答
1

在我的 Windows 上，我添加了 Brackets - emmet - 首选项路径：

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

并在这个文件夹中创建了我自己snippets.json的，它可以工作！

于 2016-03-20T23:46:08.397 回答
0

看起来Brackets 的Emmet 扩展只从那个位置加载片段。因此，如果您想自定义您的片段，似乎唯一的选择是编辑该文件（并在您更新扩展版本时重新应用您的编辑）。snippets.json 格式在此处正式记录：http: //docs.emmet.io/customization/snippets/

不过，如果 Emmet 支持单独的用户可编辑配置文件，那就太好了。可能值得在 Emmet 扩展上提出问题以请求此...

于 2014-05-27T17:26:40.197 回答