tamlog

主にwebのフロント回り たまに登山

EmmetでCSSを展開した時のコロンの後ろのスペースを取る方法

スポンサーリンク

通常Emmetを展開するとコロン後ろにスペースが開くのですが、 記述ルールによっては消したい場合もあるので取りたいな、て時の対処法

手順

1.適当に「Extensions」などの名前をつけたファイルを作ります。
今回は次に作成しました。
/Users/(ユーザー名)/ライブラリ/Application Support/Coda 2/Plug-ins/Emmet.codaplugin/Contents/Extensions
2.「preferences.json」を作成します。
 Contents
  ├── Extensions
  │   ├── snippets-setting.json(http://tamshow.com/800で作ったやつ)
  │   ├── preferences.json
  ├── Resources
  │   ├── snippets.json
  │   ├── emmet-app.js
  │   ├── ・・・・
  │   ├── ・・・・
  ├── MacOS
  ├── Info.plist
  └── Frameworks  
3.「preferences.json」の中身。
    {
      "css.valueSeparator": ":"
    }
4.Coda2を起動

プラグイン(Dwはコマンド)→Emmet→EmmetPreferences→ExtensionsPathの順に進んで先ほど作成したフォルダのパスを指定します。 以上で設定完了です。

Coda2を再起動して展開するとOKです。 他にもいろいろオプションが用意されているみたいです。 http://docs.emmet.io/customization/preferences/ 便利ですね!