VS-CODEを新たにインストールした時は、下記の拡張機能をインストールします。
WEB制作にオススメの拡張機能一覧
- Japanese Language Pack for Visual Studio Code：VSCodeを日本語化
- Live Server：ブラウザを自動的に再読込（gulp使用なら不要）
- Live Sass Compiler：SCSSをCSSにコンパイル（gulp使用なら不要）
- Auto Rename Tag：開始タグ変更時に閉じタグを自動変換（VSCode v1.44以降は標準搭載のため不要）
- Autoprefixer：CSSのベンダープレフィックスを自動化（gulp使用なら不要）
- Code Spell Checker：コードのスペルミスを教える
- Color Highlight：色コード（#ffffffなど）が実際の色で表示される
- CSSTree validator：CSSのエラーを教える
- HTML CSS Support：HTMLでclass名やid名を入力する際に補完
- indent-rainbow：コードのインデントスペースに色をつけてくれる
- Prettier – Code formatter：コードを自動整形
- Trailing Spaces：行末の不要なスペースを教えてくれる
- vscode-icons：ファイルを種類別にアイコン表示
- WordPress Snippet：WordPressで使われる関数等の候補を表示
- PHP Intelephense：コード補完やuse文の自動挿入など
- PHP DocBlocker：Docコメント入力を補完
SIMS-CODE
GulpをWordPressで使う方法【テンプレ】 | SIMS-CODE
タスクランナーのGulpをWordPressオリジナルテーマのローカル開発環境で使う方法を紹介します。実行可能なタスクは下記のとおりです。sassファイルのcssファイルへのコンパ…
目次
VSCode設定の関連記事
SIMS-CODE
【VSCode】WordPress関数がエラー表示される対策方法【PHP Intelephense】 | SIMS-CODE
私の場合はコンピューターを買い替えてVSCode（Visual Studio Code）をインストールし直したときにこのエラーが発生しました。 エラーの症状と原因 VSCodeでWordPress関数…
SIMS-CODE
【VSCode】Advanced Custom Fields の関数がエラー表示される対策【PHP Intelephense】 | SIMS-CODE
Visual Studio Code（VSCode）でAdvanced Custom Fieldsの関数が、PHP Intelephenseによってエラー表示されてしまう問題ですが、その解決策を紹介します。 結論ザックリ 最…
