読者です 読者をやめる 読者になる 読者になる

Browser

Microsoft Edge(Project Spartan, Internet Explorer) 、ブラウザ周辺、Web フロントエンド開発、UI、など

Microsoft Edge まとめページ

Visual Studio Code for Windows、HTML ファイルで使う Emmet のスニペットを変更する

みんな大好き Visual Studio Code です。

Visual Studio Code

 

Visual Studio Code は Sublime Text と異なり 標準で Emmet が入っており、新規の HTML ファイルを作成し「html:5」を入力後、tab キーを押すと以下の表示になります。

 

f:id:x67x6fx74x6f:20150505202014p:plain

 

lang="en" を毎回 lang="ja" に毎変更するのは面倒です。


調べたら案の定 emmet.js 使っているようなのでスニペットファイルを探した結果

C:\Users\ユーザー名\AppData\Local\Code\app-0.1.0\resources\app\node_modules\emmet\lib

ここに snippets.json がありました。


これを開き、3行目 "lang": "en" の中身を "lang": "ja" に変えれば毎回変更しなくてよくなります。

f:id:x67x6fx74x6f:20150505202059p:plain

 

また、このファイルがスニペットの設定であるため、追加するとオレオレスニペットがつくれます。

 

ぴーえす

今、Mac の環境がないので正確にはわかりませんが、たぶんライブラリの中にあるか、.app の中にあると思われます。

スポンサーリンク