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 の中にあると思われます。

スポンサーリンク