ねこさんとへびさんの新人技術ブログ

新人エンジニアのねこさんとへびさんの、技術向上のためのブログです。

Emmet HTMLテンプレート

Editor Netbeans

EmmetでHTMLテンプレートを作成

Netbeansなど多くのエディタでは.htmlファイルを作成した時点で自動的にHTMLテンプレートが作成される為、 あまり使用することもないと思うんですが、備忘録的に残しておきます。

html:5

<!doctype html>
<html lang="en">
    <head>
   <meta charset="UTF-8">
   <title>Document</title>
    </head>
    <body>

    </body>
</html>

あらら、デフォルトだと lang="en"になっちゃいますね。

langをjpに変えるには

1. snippets.jsonを作成

snippets.jsonを作成します。 今回は下記URLからダウンロードして、編集することにしました。

snippets.json

2. snippets.jsonを編集

variableプロパティのlangとlocalをenからjpに変更

   "variables": {
        "lang": "ja",
        "locale": "ja-JP",
        "charset": "UTF-8",
        "indentation": "\t",
        "newline": "\n"
    },

3. snippets.jsonを設定

Netbeansに、作成したsnippets.jsonを読み込ませます。

ツール　>　オプション　>　その他タブ　>　Emmetタブ

EmmetタブのExtensions folder欄に、snippets.jsonがあるフォルダを指定してあげると、 テンプレートが、 に変わります。

参考

関連記事

tkstudy.hateblo.jp

(byへびさん）