VSCode– category –

本記事では、Visual Studio CodeでWebエンジニアにおすすめの拡張機能を9つ紹介しています。 Web制作者におすすめ拡張機能 Japanese Language Pack for Visual Studio Code Japanese Language Pack for Visual Studio Codeは、Visual Studio Codeの言語設...

本記事では、Visual Studio Code(VSCode)をインストールする方法について解説しています。 Visual Studio Codeのインストール Visual Studio Codeのインストーラーをダウンロードするページにアクセスします。Download for Windowsのボタンをクリックする...

本記事では、Visual Studio Code(VSCode)を日本語表示にする方法について解説しています。 Japanese Language Pack for VS Code Visual Studio Codeを日本語表示にするには、拡張機能の「Japanese Language Pack for VS Code」をインストールします。 Visu...

本記事では、Visual Studio Codeで簡単にローカルサーバーを立てる方法について解説しています。 Live Server Visual Studio Codeでローカルサーバーを立てるには、拡張機能の「Live Server」をインストールします。 拡張機能の検索フォームに「Live Serve...

本記事では、Visual Studio Codeで文字サイズを変更する方法について解説しています。デフォルトの文字サイズは14pxと小さめなので少し大きくすると目に優しいです。 文字サイズを変更する手順 Visual Studio Codeのツールバー「ファイル」→「ユーザー設定...

本記事では、Visual Studio CodeでHTMLの閉じタグも自動修正してくれる拡張機能を紹介しています。 Auto Rename Tagとは？ HTMLでタグを変更したいときは結構あります。そのような時、開始タグと終了タグの位置が近ければ修正する手間はあまりかかりません...

本記事では、Visual Studio Codeでコードを自動整形する方法について解説しています。 コードを自動整形する手順 Visual Studio Codeのツールバー「ファイル」→「ユーザー設定」→「設定」を開きます。 検索フォームに「formaton」と入力すると、「Editor: ...

本記事では、Visual Studio CodeでSass/Scssをcssにコンパイル(変換)する方法について解説しています。 Live Sass Compiler Visual Studio CodeでSass/Scssをcssにコンパイルするには、拡張機能の「Live Sass Compiler」をインストールします。 拡張機能の...

本記事では、Visual Studio Codeでファイルやフォルダにアイコンを付ける方法について解説しています。 vscode-icons Visual Studio Codeでファイルやフォルダにアイコンを付けるには、拡張機能の「vscode-icons」をインストールします。 拡張機能の検索フ...

本記事では、Visual Studio CodeでPHP Intelephenseのインストール～設定方法について解説しています。 PHP Intelephense Visual Studio CodeでPHPのコード保管やコードチェックを行うには、拡張機能の「PHP Intelephense」をインストールします。 拡張機...