あのときの、ほら!あれ、あれ!

SIer勤務のAWSなエンジニア(父)が好きなことをアウトプットして人生のなにがしかに役立てたり役立てなかったりするブログ

VSCodeでEmmetを設定する

Emmetとは

HTML/CSSを記述する際に簡易的な記述だけで自動保管してくれるイケてるやつ

VSCodeでの設定方法

Ctl + Shift + Pでコマンドパレットを表示

(Macの場合はCommand + Shift + P)

コマンドパレットにjsonと入力

基本設定:設定(JSON)を開くを選択

Setting.jsonに以下を記載

{
    "terminal.integrated.inheritEnv": false,
        // スペースを表示
    "editor.renderWhitespace": "all",
    // emmetの言語設定を日本語に
    "emmet.variables": {"lang" : "ja"},
    // emmetをタブキーで実行
    "emmet.triggerExpansionOnTab": true,
    // タブをスペース2個に変更
    "editor.tabSize": 2,
    // 折り返し
    "editor.wordWrap": "on",
}