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. 【超入門】何となく使ってない?ボックスモデル&box-sizin…
  3. 【超入門】たった20分でまるわかり!HTMLをはじめてみよう【H…
  4. 【Webデザイン初心者向け】デザインカンプからどうやってコーディ…
  5. 【超入門】初心者向け 模写コーディング!オススメのやり方とポイン…
  6. 【タイピング練習】Web業界の必須スキル!タッチタイピングを最短…
  7. 【作業効率UP!】Web制作にマストのGoogle Chrome…
  8. 【超入門】もうCSSの真ん中寄せで悩まない!横向き編【HTML・…
PAGE TOP