VSCode

環境

VSCode内でテキスト比較(diff)する3つの方法

VScodeのテキスト比較(diff)する3つの方法の紹介を紹介します。 1つ目はVSCodeで標準に備わっているテキスト比較の使い方で実用的ではないかもしれませんが、操作方法だけでも覚えておくと後か…

はにわまん
環境

VSCode内でHTMLとCSSのコードをW3Cチェック(バリデート)させる方法

VSCodeで管理しているHTMLとCSSを、W3Cが提供している「バリデーター」でチェックしてもらう方法です。 W3CのバリデーションサイトにアクセスしてURL入力してとか、ファイルアップロードして…

はにわまん
環境

VSCodeで「WordPress Coding Standards」に準拠してPHPの自動フォーマットする方法

WordPressのPHPの記述にはコーディングルールがあります。「WordPress Coding Standards」というものにまとめれており、「PHP Code Sniffer」を拡張する形で…

はにわまん
環境

VSCodeでPrettierを使ってWordPressのコーディング規約に沿った自動フォーマットする方法

Prettierは、JavaScriptとCSSのコードをフォーマットしてくれるツールのことです。 何がすごいって、ESLintであったりstylelintのようなコード検証ツールの設定を指定すれば、…

はにわまん
環境

WebコーダーがVSCodeで使いたいショートカットと設定、拡張機能

Webコーダーのわたしが普段利用しているVSCodeでの「設定」と「ショートカット」、「拡張機能」についてまとめました。 使ってないものがあれば積極的に取り入れていきましょう! 画面レイアウトの基本 …

はにわまん
環境

VSCodeにコードスニペットを登録して効率的にコーディング!

VSCodeでは各拡張子ごとにスニペットを登録しておくことが可能です。スニペットとは、単語登録のように、何かの文字をキーにコード一式を登録しておいて、簡単に使い回しできる機能のことです。 プログラミン…

はにわまん
環境

「はじめて」でも簡単!Emmetの使い方とよく使うパターン集

display: block;の15文字をdbの2文字で入力できるようになるのがEmmetです。 1日中コーディングしているわたしにとってこの1回の差は大きく、100回入力したときには1,300文字分…

はにわまん
環境

VSCodeでWordPress開発するための拡張機能とおすすめの設定

VSCodeにWordPressでの構築が捗るであろう、あれこれを入れていきます。チェック機能が多めです。 個人的には、Sublime Textより使いやすいエディタです。(日本人に優しい気がする) …

はにわまん