導入
一般的に、拡張機能は、プログラミング言語やアプリケーションの機能を標準の機能を超えて拡張したい開発者にとって便利なツールです。拡張機能は、新しい機能の追加、言語やアプリケーションの動作のカスタマイズ、開発ワークフローの効率化に役立ちます。.
設定の同期
プラグインを次々とインストールし始める前に、Settings Syncについて知っておくと良いでしょう。この機能を使うと、設定からキーボードショートカット、その他のVSCode拡張機能まで、VSCodeでカスタマイズしたほぼすべての情報をGitHubと同期できます。これにより、新しいデバイスで元のVSCode環境からプログラミングしたり、すべてを手動で再設定したりする必要がなくなり、どのデバイスからでもお好みのIDEにアクセスできるようになります。.
ライブサーバー
このVSCodeプラグインは、多くのソフトウェア開発者に愛用されています。Live Serverは、静的ページと動的ページの両方でライブリロード機能を備えたローカル開発サーバーを構築します。コードを保存するたびに、ブラウザに即座に変更が反映されます。エラーの発見がはるかに速くなり、コードを使った簡単な実験もはるかに簡単になります。.
リモート – SSH
Remote – SSH拡張機能を使用すると、SSHサーバーを備えた任意のリモートマシンを開発環境として使用できます。これにより、様々なシナリオでの開発やトラブルシューティングが大幅に容易になります。また、この拡張機能はコマンドやその他の拡張機能をリモートマシン上で直接実行するため、ローカルマシンにソースコードを用意する必要はありません。.
もっときれい
Prettierは、複数の人がプロジェクトに取り組んでいる場合に特に効果的なコードフォーマッタです。この拡張機能は一貫したスタイルを適用します。コードを保存するたびにフォーマットするように設定できるため、コードのフォーマットにかかる時間を大幅に短縮できます。.
GitHubコパイロット
GitHub Copilotは、コンピュータプログラミングにおける革命と呼ぶ人もいれば、便利なツールと呼ぶ人もいます。どのような評価をするかはさておき、自動補完AIはワークフローに統合する価値があります。GPT-3でトレーニングされたGitHub Copilotは、コード候補を提供し、コードを自動補完するだけでなく、自然言語のコメントを入力することでコード作成を支援します。.
タグの自動名前変更
VSCode は、開始タグを入力すると一致するタグをハイライトし、すぐに終了タグを追加しますが、Auto Tag Rename はタグ名を変更すると自動的にタグ名を変更します。この拡張機能は HTML、XML、PHP、JavaScript に対応しており、タグ名を2回変更する必要がなくなります。.
GitLens
GitLensはVisual Studio CodeのGit機能を拡張します。これは強力なプラグインで、コード行が時間の経過とともに誰が、なぜ、どのように変更されたかを確認できるなど、多くの機能を備えています。GitLensは高度にカスタマイズ可能なプラグインです。特定の設定が気に入らない場合は、設定から簡単に無効にできます。.
Gitの履歴
GitLensと同様に、Git Historyはgitログを視覚的に表示するVSCode拡張機能です。もうターミナルでgitログを確認する必要はありません。この拡張機能は非常に包括的で、ブランチ、コミット、そしてコミット間のファイルを比較できます。また、Githubのアバターを検索できるのも非常に便利です。.
CSSピーク
このプラグインはフロントエンド開発者にとって非常に役立ちます。IDE Bracketsの類似機能にインスパイアされたCSS Peekは、HTMLファイルとJavaScriptファイルを展開して、ソースコード内のCSS/SCSS/LESSコードを表示できます。また、クラス名またはIDが分かっている場合は、適切なCSSコードに素早くジャンプすることもできます。.
JavaScript コードスニペット
VScodeにはJS IntelliSenseが組み込まれていますが、JSコードスニペットはインポート/エクスポートトリガー、クラスヘルパー、メソッドトリガーを追加することで、より高度なエクスペリエンスを提供します。この拡張機能は、JS、TypeScript、JS React、TS React、HTML、VUEをサポートしています。Angularなどの他のフレーバー向けのコードスニペットは、VScodeマーケットプレイスですぐに入手できます。.
