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. 【超入門】初心者必見!模写コーディングをやってみた 実践編 Pa…
  2. 【入門編】Sassを導入しよう!CSSをもっと効率的に&早く書く…
  3. 【Webデザイン入門】SVGって何?SVG画像の作成・読み込み・…
  4. 【Web業界の常識】「パス」の書き方、説明できますか?Webデザ…
  5. 【超入門・初心者向け】CSSの小技シリーズ③ 便利なカウンター機…
  6. 【超入門】初心者あるあるのつまづき回避!CSSをはじめてみよう(…
  7. 【超初心者向け】jQuery最新版の読み込み・使い方解説2021…
  8. 【超入門】初心者必見!CSSが効かなくて困った時のチェック項目リ…
PAGE TOP