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. 【超入門】CSSの「セレクタ詳細度」って知ってる?【HTML・C…
  2. 【初心者向け】「iSara」模写コーディングをやってみた⑨ 最終…
  3. 【Photoshop】「写真の中の物を消す」「背景をのばす」超絶…
  4. 【超入門】初心者必見!CSSが効かなくて困った時のチェック項目リ…
  5. 【超初心者向け】jQuery最新版の読み込み・使い方解説2021…
  6. 【Webデザイナー・プログラマー】初心者必見!挫折しないためのプ…
  7. 【超入門】初心者あるあるのつまづき回避!CSSをはじめてみよう(…
  8. 【初心者向け】コーディングに最低限必要なデザインの知識3選!デザ…
PAGE TOP