ツール

コーダーが選ぶVS Codeの拡張機能!

現役コーダーが普段使っているVS Codeの拡張機能を紹介

VS Codeを使っている現役コーダーが選ぶVS Codeのオススメ拡張機能を紹介します。

Insert
Tag

「Shift + Enter」でbrタグを入力できます。
Dwだと標準でできるけど、VS Codeだとデフォルトでできないのでこれはありがたい!

Auto Rename Tag

タグを変更する際に開始タグを編集するととじタグも自動で編集してくれる拡張機能。

CSSTree validator

CSSの構文チェックを行ってくれる拡張機能。

HTML Preview

HTMLをリアルタイムプレビューしてくれます。
Dwであるやつです!

HTMLHint

HTMLのデバッ具を行う拡張機能。

IntelliSense for CSS class names in HTML

入力候補の表示やかっこの自動挿入をしてくれる拡張機能。

Japanese Language Pack for Visual Studio Code

vscodeの日本語化するための拡張機能。

Live Sass Compiler

Sassをコンパイルするための拡張機能。
簡単にSassをコンパイルできる。

Live Server

VS Codeに簡易ローカルサーバを立てることができる拡張機能。

Path Autocomplete

ファイルパスを入力する際に候補となるファイル名が一覧で表示する拡張機能。

Prettier – Code formatter

HTMLやJSなどルールに従って整形することができる。

vscode-icons

アイコンがついて見やすくなる。

他にオススメ拡張機能がぜひ教えて下さい!

ABOUT ME
シラツキ
当ブログは同人サークル「にんじんみるく」のシラツキが運営する個人ブログです。 同人誌即売会の情報やネタ、技術的な内容など様々なコンテンツを配信しています。 普段はwebサイト作ってる人インターネッツお絵かきマン。 Webサイトの制作、ECサイトの運営、ブログ、イラスト制作など色々やってます。 個人でWeb技術ブログ、趣味のブログ、YouTube活動中。

イラスト制作、webサイト制作、商品のご紹介など様々なお仕事を募集しております! 下記リンクよりお気軽にご連絡ください!

お仕事・ご依頼について

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)