Webを作るみんなにおすすめの拡張機能

Webを作るときに便利な拡張機能を紹介します！

VSCode

1. Code Spell Checker

   スペルチェックをしてくれる
   タイプミスを防ぐのに役立つ

2. HTMLHint

   HTMLで細かい間違いを教えてくれる

3. Live Server

   ローカルサーバーを立ち上げ、ファイルを保存すると自動でリロードしてくれる
   HTMLでの開発には必須の拡張機能

4. Prettier

   コードの書き方を自動で整えてくれる

   保存時に自動で整形してくれる設定がおすすめ

   • 基本の設定方法

     1. Ctrl + ,(Windows) / ⌘ + ,(Mac) で設定を開く
     2. 検索欄に default formatter と入力
     3. Editor: Default Formatter のドロップダウンから esbenp.prettier-vscode を選択

   • 保存時に自動で整形する設定方法

     1. Ctrl + ,(Windows) / ⌘ + ,(Mac) で設定を開く
     2. 検索欄に format on save と入力
     3. Editor: Format On Save のチェックボックスにチェックを入れる

Chrome

1. ColorZilla

   カラーコードを取得できる
   画像の色を取得することもできる

2. Mark tab manager

   タブをグループ化して管理できる
   タブが増えすぎて困っている人におすすめ

3. Wappalyzer

   サイトの使用技術を調べることができる
   どんな技術を使っているのか気になるときに便利

4. FireShot

   Webページ全体のスクリーンショットを撮ることができる

まとめ

Webを作るときに便利な拡張機能を紹介しました！
これ以外にも拡張機能はたくさんあるので、ぜひ自分に合ったものを探してみてください！

最後までお読みいただきありがとうございます

この記事のいいねや SNS のフォローなど、励みになります！

• Web

  dgdgdgdg についての基本情報はこちら！

• Twitter

  • メイン

    基本的にこちらにいます

  • 豆知識

    毎平日更新。便利な OS の機能やソフトの情報、最新ニュースなどを投稿しています！

• Instagram

  写真の作品を投稿しています

• YouTube

  ドラムの演奏動画がほとんどです。たまに映像作品的なものも。

• note

  技術的でない、日常的な記事はこちら！