あなたの生産性を高めるためのトップ10のVS Code拡張機能

表紙画像 for Top 10 VS Code Extension For Your Productivity

(1) Path Intellisense

この拡張機能は、ファイル名を自動で補完してくれます。HTMLのタグみたいに、タグを自動で補完してくれます。

画像説明
(2) Live Server

この拡張機能を使うと、ローカルプロジェクトをブラウザでリアルタイムにリロードしながら起動でき、変更ごとに常に更新する必要がありません。

画像説明
(3) Codesnap

Codesnapを使うと、すばらしいコードのスクリーンショットを作成できます。

画像説明
(4) Material Icon Theme

コードにマテリアルデザインのアイコンを取り入れてください。これを使うとエディタの見た目が新しくなります。

画像説明
(5) Prettier -Code formatter

Prettierは頑固なコードフォーマッターです。コードを解析し、最大行長を考慮して自分のルールで再び印刷することで、一貫したスタイルを強制します。必要な場合はコードを折り返します。

画像説明
(6) Project Manager

どこにあるプロジェクトでも簡単にアクセスできるように助けてくれます。大事なプロジェクトをもう見逃しません。

画像説明
(7) EsLint

EsLintはコードの整合性を確保するために、Visual Studio Codeのセットアップに統合できるリンターです。

画像説明
(8) Github Copilot

GitHub CopilotはAIペアプログラマーで、タイプしているときに行の補完や完全な関数本体を提案してくれます。

画像説明
(9) Better comments

Better commentsは、あなたやコードを読む人にとって役立つ、人間に優しいコメントをコードに書くための拡張機能です。

画像説明

(10) Live Sass Compiler

この拡張機能は、SASS/SCSSファイルをリアルタイムでコンパイル/トランスパイルし、ブラウザをリアルタイムでリロードするのを助けてくれます。

画像説明

スレッドを読んでくれてありがとう。役立つと思ったら最初のものをシェアして、フィードバックがあればコメントで教えてください。

以下で私を見つけられます:

Github: リンク

LinkedIn: リンク

Twitter: リンク

Facebook: リンク

こちらの記事はdev.toの良い記事を日本人向けに翻訳しています。
https://dev.to/tusharhow/top-10-vs-code-extension-for-your-productivity-21l6