More than 3 years have passed since last update.

Sublime Text + Emmet2で動かない？

Last updated at 2020-09-12Posted at 2020-09-12

#Emmet2に自動アップグレードされた方向けの対処法

##方法2　頑張って自身で適応する

issueに投稿する人たちは
まずいいものにしようとしてくれていることに感謝して、
その後質問しているのが
なかなか自分ではできないことだったので見習いつつ、
英語が読めない私のような方に少しでもemmet2に適応のヒントになればです。

###CTRL + Eで変換できない
Preferences -> Package Settings -> Emmet -> Key Bindings

[
	{
		"keys": ["ctrl+e"],
		"command": "emmet_expand_abbreviation"
	},
]

左のdefaultにてコメントアウトされているものから他の機能も使えたりします。

例えば　数字上でコントロールキー＋↑矢印キーをおすと数字が＋1される

[
	{
		"keys": ["ctrl+up"],
		"command": "emmet_increment_number",
		"args": { "delta": 1 }
	},
]

以前に01にすると02になったのが今は1となって0がなくなってしまいます。

###スニペット

Preferences -> Package Settings -> Emmet -> Settings

先に問題から

####variablesがmarkup及びhtmlしか機能しない

{
  "config":{
    "markup":{
      "variables":{
        "lang": "ja",
      },
    }
  }
}

cssで読み込まなくなりました。

####phpをマークアップでだしたい
ブラケットでくくるといいそうです。

{
  "config":{
    "markup":{
      "snippets":{
        "php" : "{<?php ${0} ?>}" ,
      }
    },
  }
}

ちなにみカーソルは${0}でしか機能せず以前のように|や${cursor｝はエラーになるようでした。

####キーに使えないものができた

以前

{
  "config":{
    "stylesheet":{
      "snippets":{
        "mtc-" : "margin-top : calc( ${0}px - px );" ,
      }
    },
  }
}

とするとmargin-top : calc( px - px );と変換されたのですが、エラーぽいです。

おそらくキーに"-"とか入っていると駄目なのかなと思います。

しかたなく。。

{
  "config":{
    "stylesheet":{
      "snippets":{
        "mtc" : "margin-top : calc( ${0}px - px );" ,
      }
    },
  }
}

としてもエラー
次はvalue値に特殊文字(この場合：)があると駄目みたいで、、無理やり、、

{
  "config":{
    "stylesheet":{
      "snippets":{
        "mtc" : "margin-top ${value::} calc( ${0}px - px );",
      }
    },
  }
}

こうしてみたらうまくいきました。（キーには無理でしたが）

まだまだ以前と挙動が違うものが多々あるかもしれませんが、
これを期にスニペットを見直す機会になればとおもいます。

見てくれてありがとうございました。