MENU
オンライン講座開催中
html&css講座開催中

Visual Studio Codeでコーディングに便利なプラグイン拡張機能8点

Visual Studio Codeで便利なプラグイン拡張機能
にゃんこ1

VS CodeでHTMLとCSSを書くときに便利なプラグインを紹介するにゃん。

目次

日本語にする

ダウンロードしたときは英語なので、日本語にできます。
※再起動が必要です

Japanese Language Pack for Visual Studio Code

https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ja

プレビューが見れる

プレビューでリアルタイムで見ながら作れます。

Live Preview

https://marketplace.visualstudio.com/items?itemName=ms-vscode.live-server

全角スペースの可視化

全角スペースで書いてしまうと機能しない問題が解決されます。

EvilInspector

https://marketplace.visualstudio.com/items?itemName=saikou9901.evilinspector

インデントしてくれる

カテゴリーごとに改行されて見やすくなります。

indent-rainbow

https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow

タグの片方を書き換えるともう片方も書き換えてくれる

書き換え忘れの予防になります。

Auto Rename Tag

https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

ペアの閉じタグを自動作成

閉じタグを自動作成してくれるので作業が減ります。

Auto Close Tag

https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

ペアのタグを強調

マーカーされてペアのタグが目立ちます。

Highlight Matching Tag

https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag

スペルチェック

メジャーな英語スペル間違いを教えてくれます。

Code Spell Checker

https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

詳しくは講座に来てね

Visual Studio Codeで便利なプラグイン拡張機能

この記事が気に入ったら
フォローしてね!

  • URLをコピーしました!
目次