誰もが (プログラマーでなくても) VS Code を使用する必要がある理由

in tech

2015 年に Visual Studio Code (VS Code) がリリースされると、コード編集に革命が起こりました。しかし、コードを(まだ)書いていない平均的な人にとっては、それ以上のことができます。 HTML と C# を区別できない場合でも、それがどのように役立つかを見てみましょう。

テキスト編集機能が素晴らしい

VS Code でのテキスト編集。

VS Code はプレーン テキスト エディターが必要なシナリオに適しており、多くの点でメモ帳よりも優れています。簡単なテキスト編集を行うときに VS Code を使用するきっかけとなる機能をいくつか紹介します。

  • 複数のカーソル: VS Code を使用すると、ドキュメントに複数のカーソルを挿入し、異なるセクションを同時に編集できます。これにより、複数の行または段落にわたって同じ変更を加える必要がある場合に、繰り返し行う編集作業を何時間も節約できます。
  • 分割ビューの編集: VS Code では、編集ウィンドウを複数のビューに分割できます。これは、ドキュメントを比較したり、あるセクションを編集中に別のセクションを参照したりするときに便利です。こうすることで、タブとウィンドウを頻繁に切り替える必要がなくなります。
  • 高度な検索と置換: VS Code は、単純な検索と置換機能以上のものを提供しており、たとえば、大文字と小文字または単語全体で検索できます。また、正規表現に慣れている場合は、正規表現を使用して文書全体を一括置換することができます。

VS Code には効率的なファイルエクスプローラーがあります

ナビゲーション ページの VS Code のファイル エクスプローラー。

組み込みのファイル エクスプローラーの完全な代替手段ではありませんが、VS Code に含まれているエクスプローラーが特定のケースで置き換えることができます。たとえば、さまざまなフォルダーにまたがる複数のファイルを操作および編集する場合、メモ帳やファイル エクスプローラーを使用する代わりに、VS Code を使用してすべてを管理できます。ドラッグ アンド ドロップ機能、素早いファイル作成、ディレクトリ間の簡単なナビゲーションにより、ファイルとフォルダーの管理が簡単になります。

VS Code のファイル エクスプローラー内の検索機能も強力です。名前、内容、またはファイル タイプに基づいてファイルをすばやく見つけることができます。検索を合理化し、関連する結果を得るために、検索から特定のフォルダーまたはファイルの種類を除外することもできます。

VS Code で Markdown をプレビューおよび編集できます

VS Code での Markdown のプレビュー。

プレーン テキスト以外の編集の場合でも、簡単な書式設定を行う必要がある場合でも、VS Code は優れた Markdown サポートを備えています。 Markdown は、書式設定されたドキュメントの作成に最適な軽量のマークアップ言語です。 VS Code では、構文を強調表示して読みやすくし、エラーを減らすだけでなく、Markdown の記述を高速化するスニペットを挿入することもできます。

虹色のバックライトを備えた OnePlus Keyboard 81 Pro で入力している人。

How-To Geek の Markdown チートシート

Markdown で記述できるのに、なぜ HTML をわざわざ使うのでしょうか?

さらに、VS Code の組み込み Markdown プレビューを使用すると、書式設定をリアルタイムで確認できます。これにより、間違いを見つけるのがさらに簡単になり、コンテンツが希望どおりに表示されるようになります。

いくつかの生産性拡張機能があります

VS Code は左側のサイドバーに拡張機能をインストールしました。

VS Code のマーケットプレイスでは、コーディングをしていなくても生産性を向上できる拡張機能が多数提供されています。例としては、テキスト編集用のスペル チェッカー、プロジェクト管理用のタイム トラッカー、外国語の翻訳機能などがあります。インストールする適切な拡張機能がわかっていれば、VS Code を多用途のワークスペースに変えることができます。

統合開発環境と中央の VS Code ロゴ。

これなしでは生きていけない 10 の VS コード拡張機能

これらの拡張機能を試してみると、これなしでどうやって生きていたか不思議に思うでしょう。

良い例は、Todo Tree のような拡張機能です。さまざまなスタイルで書かれた TODO コメントが強調表示されます。拡張機能はそれらを検出し、左側のナビゲーション ウィンドウの専用のツリー ビューに表示します。これは、複数のドキュメントにわたるタスクを管理する場合に特に便利です。

これにより、さまざまなプロジェクト ファイルのすべてのタスクを 1 つの整理されたビューで即座に確認できます。これにより、各ドキュメントを手動で検索する必要がなくなり、時間を節約できます。

C スタイルの 1 行コメント (2 つのスラッシュ) を使用した TODO コメントの例を次に示します。

// TODO add a conclusion
VS Code の TODO コメントと TODO ツリーがナビゲーション ペインに表示されます。

/

リアルタイムでプロジェクトで共同作業できる

VS Code の Live Share 拡張機能を使用すると、プロジェクトのライブ コラボレーション セッションに参加するためのリンクを他の人に送信できます。プログラマーはペア プログラミング セッションでよく使用しますが、コーディング以外のさまざまなシナリオでも使用できます。複数のユーザーが同じドキュメントを同時に編集できる機能は、リアルタイムでのドキュメントの共同執筆、編集、レビューに最適です。

コーディングの旅を始めるのに最適です

私は独学のプログラマーで、新しい言語を学ぶ必要があるときは常に VS Code を使用します。また、世界中の多くのプログラマーにとっての出発点でもあります。これは、初心者に優しいインターフェイス、構文の強調表示、インテリジェントなコード補完、および組み込みのデバッグ ツールのおかげです。

VS Code は、不要な機能に圧倒されることなく、プログラミングの概念の学習に集中できるシンプルな開発環境を提供します。また、拡張機能がない場合は、拡張機能が利用可能かどうかを確認できます (私の場合、常に利用可能です)。

さらに、VS Code を最大限に活用する方法を示す Microsoft のドキュメントやチュートリアルを見つけるのは難しくありません。また、問題が発生した場合にサポートしてくれる大規模で協力的なコミュニティもあります。したがって、プログラミングの基礎を理解したい場合でも、高度な機能を探索したい場合でも、コーディング スキルを一般的に向上させたい場合でも、開始して勢いを維持するための VS Code リソースが豊富にあります。

プログラミング言語の行が表示されたコンピューター画面の拡大図。

コーディングに興味がありますか?プログラミング言語を選択するための初心者向けガイドはこちら

初心者のプログラマーにとって最適なプログラミング言語はどれですか?


VS Code は単なるコード エディターではありません。ドキュメントを書いているときも、メモを整理しているときも、プログラミングへの最初の一歩を踏み出すときも、VS Code はニーズをサポートする柔軟性と機能を提供します。

関連記事

前の投稿
TrainingPeaks の新しい GPXplore 機能を使用して、世界中のあらゆるルートを仮想的に走行
次の投稿
芝生の手入れをもっと簡単にする 10 のツールとガジェット