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

これが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; }"    }
  }
}
于 2014-09-08T18:12:43.530 に答える
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 (コマンド + 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

ブラケット の Emmet 拡張機能は、その 1 つの場所からのみスニペットをロードするようです。そのため、スニペットをカスタマイズしたい場合は、そのファイルを編集する (拡張機能のバージョンを更新するたびに編集を再適用する) しか方法がないようです。snippets.json 形式は公式にここに文書化されています: http://docs.emmet.io/customization/snippets/

ただし、Emmet が別のユーザー編集可能な構成ファイルをサポートしていればいいのですが。これを要求するには、Emmet 拡張機能に関する問題を提出する価値があるかもしれません...

于 2014-05-27T17:26:40.197 に答える