あくまで自分用の覚え書きなので文章とか適当です...

自分用メモ

固定スクロール解除

//settings.json
{

...
    "editor.stickyScroll.enabled": false
}

ショートカット

行入れ替えAlt + 上下キー
Explorer の表示Ctrl + Shift + E
再度 Bar の表示Ctrl + B
ターミナル起動Ctrl + Shift + @

必須な拡張機能

選択範囲の拡大

CSS

※Prepros使わない場合

CSS & JavaScript

コード圧縮

デフォルトでは保存時に自動圧縮されない。

もともと圧縮ファイルがある場合は保存時に自動で圧縮※これが良いと思う。

保存時自動圧縮

ブラウザ 自動リロード

右下にアイコンが出てこない場合は、エクスプローラーのファイルを右クリック > 「Open with LIve Server」

WordPress開発

その他便利なもの

HTMLとCSSのクラス名を行ったり来たり。右クリックで「Go to Definition」

Emmet ライクに記述できる

Explorer 見やすくなる

無駄なスペースが入ってないか教えてくれる
スペース削除 F1 > Trailing Spaces: delete

PHP

PHP_CodeSniffer(phpcs)を導入する ※Windows環境

CSS

Sass(SCSS)& VSCode で Stylelint を使う

SFTP

VSCodeでFTPして自動アップロードする

スポンサーリンク