Webサイト制作

【作業効率化】Web制作にオススメ!Visual Studio Code 拡張機能5選 インストールするだけ簡単【コーディング・プログラミング】

みんな大好き高機能エディタ、VS Codeのオススメ拡張機能5選の紹介です!
Webデザイン・コーディングやプログラミングの作業効率が格段にアップするので、是非インストールしてみてください。

【動画内で紹介している拡張機能一覧】
①Auto Rename Tag
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

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

③Path Intellisense
https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

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

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

↓↓↓「Visual Studio Code」のインストール方法・日本語化、便利なショートカット一覧、その他機能などの紹介はこちら↓↓↓

【初心者向け】Visual Studio Codeの使い方・便利機能解説!ショートカット/日本語化/Emmet【作業効率化】
https://youtu.be/pQ7tmTx5Zbk

【Visual Studio Code】
ダウンロードリンク
https://code.visualstudio.com/download

======== おすすめ関連動画 ========

【超入門】HTML・CSSってなに?学習の始め方解説 2021年最新版【未経験・初心者向け】
https://youtu.be/m4AOfxB6XR0

【Webデザイナー・プログラマー】初心者必見!挫折しないためのプログラミング勉強法 【独学・学習効率アップ】
https://youtu.be/Tlg0nqDi8-s

【作業効率UP!】Web制作にマストのGoogle Chrome拡張機能10選!現役Webディレクターも愛用【HTML・CSS コーディング】
https://youtu.be/mfc6iCcgMq0

【タグ】
#エディタ #コーディング #プログラミング

関連記事

  1. 【超入門】実践!「iSara」模写コーディングをやってみた① ソ…
  2. 【未経験OK?】Webデザイナーの厳しい現実をぶっちゃけます。【…
  3. 【超入門】初心者必見!模写コーディングをやってみた 実践編【HT…
  4. 【Mac編】ショートカットキーを使いこなして作業効率爆上がり!チ…
  5. 【初心者向け】JavaScriptの関数の仕組み・使い方を徹底解…
  6. 【Web・IT業界への就職・転職】新卒未経験→現役Webディレク…
  7. 【応用編】初心者必見!もっとSassを使いこなすテクニックを解説…
  8. 【中級編】Google Chrome 検証ツール(デベロッパーツ…
PAGE TOP