この記事は最終更新日から1年以上が経過しています

  • 投稿日:2024/07/27
  • 更新日:2024/08/03
【コーダー向け】VSCodeの拡張機能でコーディングも楽に♪

【コーダー向け】VSCodeの拡張機能でコーディングも楽に♪

会員ID:zpzlQY3F

会員ID:zpzlQY3F

この記事は約6分で読めます
要約
Visual Studio Code(VSCode)は多機能かつ拡張性の高いエディタで、web制作の現場で使用されています。 本記事では、VSCodeの効率化に役立つ拡張機能、Emmetの使い方、ショートカットキーの活用法を紹介!

はじめに

コーディングを効率的に行うためのエディタとして、Visual Studio Code(VSCode)は実際にweb制作の現場で多く使用されています。
コーディングが楽になるVSCodeの便利な拡張機能、Emmetの使い方+ショートカットについて紹介します。
※筆者が実際にweb制作会社の業務で使っているものになります。
(開発言語 html,scss,css etc)

拡張機能

拡張機能をインストールすることで、VSCodeの機能を大幅に強化することができます。例えば、特定のプログラミング言語のサポートを追加したり、コードのフォーマットを改善したり、デバッグツールを統合することが可能です。

拡張機能のインストール方法

1.サイドバーから拡張機能アイコンをクリック(四角形が重なったようなアイコン)。
2.Marketplaceで検索: 必要な拡張機能を検索します。
3.インストール: 必要な拡張機能の「インストール」ボタンをクリック。
これで拡張機能がインストールされます。

続きは、リベシティにログインしてからお読みください

ノウハウ図書館でできること
  • すべての記事の閲覧

  • ブックマーク

  • いいね・レビュー

  • 記事の投稿※応援会員(有料)のみ

  • ポイントの獲得※応援会員(有料)のみ

※会員登録には、新入生会員(初月30日無料)と応援会員(有料)があります

応援会員制度とは?
さらに!
  • リベシティの他の機能やサービスもご利用いただけます詳しく見る

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

会員ID:zpzlQY3F

投稿者情報

会員ID:zpzlQY3F

トラ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(4
  • 会員ID:YBxRSOI7
    会員ID:YBxRSOI7
    2024/07/27

    絶賛勉強中なので、とてもありがたいです 🙏 カリキュラムで紹介されていなかった拡張機能を試してみます!!

    会員ID:zpzlQY3F

    投稿者

    2024/07/27

    デイトラとかですか? カリキュラムで紹介されてる拡張機能が気になります👀 色々あるので使いやすいやつ試してみてくださいね〜😃

    会員ID:zpzlQY3F

    投稿者

  • 会員ID:WA0oA4aR
    会員ID:WA0oA4aR
    2024/07/27

    コーダーさんは、こういう風にしているのか…!と、とても参考になりました😊 ありがとうございます🙏

    会員ID:zpzlQY3F

    投稿者

    2024/07/27

    コーディングって同じ動作の繰り返しが多いのでショートカット駆使してます(^o^) イラレも同じですね! ショートカットを制するものは時間を制すww

    会員ID:zpzlQY3F

    投稿者

  • 会員ID:TKl5bisx
    会員ID:TKl5bisx
    2024/07/27

    エミさーーーん!さすがーー!天才です🎓✨

    会員ID:zpzlQY3F

    投稿者

    2024/07/27

    環境を整えることが時短への近道なのです...👀

    会員ID:zpzlQY3F

    投稿者

  • 会員ID:cmcKWK65
    会員ID:cmcKWK65
    2024/07/27

    まとめてくれるの助かります🙏 ありがとうございます😊 知らないプラグインあったので導入してみます!

    会員ID:zpzlQY3F

    投稿者

    2024/07/27

    もっといろいろ良いのがありそうなのですが、参考になれば幸いですー(^o^)

    会員ID:zpzlQY3F

    投稿者