【大人気エディタ】Visual Studio Code (VS Code) を使ってみよう

こんにちは。マニュアル作成・ナレッジ共有ツール「NotePM」ブログ編集局です。

良いテキストエディタを使うと、普段のテキストを書く作業が何倍も効率的になります。プログラマーやデザイナーはもちろんのこと、それ以外の方であっても文章を作成する機会は少なくないはずです。OS標準のエディタは、あまり使い勝手が良いというものではないでしょう。

現在、プログラマーを中心として、最も人気があるエディタはVisual Studio Code（以下VS Codeとします）になります。この記事ではVS Codeの導入と、簡単な使い方について紹介します。

VS Codeとは

VS CodeはMicrosoft社が中心となって開発を行っているプログラミングエディタになります。主に開発者向けのエディタですが、普段のメモなどでも十分に利用できます。Visual Studioという同じくMicrosoft社が提供しているIDE（統合開発環境）があり、それのテキストエディタ版とでも言える存在です。VS Code自体はオープンソース・ソフトウェアであり、世界中の開発差が開発に参加しています。

VS Codeの特徴は次のようになります。

内部的にはWeb技術で開発されている
マルチプラットフォームで動作する
多数の機能拡張が存在する

VS CodeはElectronという技術を使って、Web技術をベースとして利用しています。つまり、HTMLやJavaScript、CSSで開発されています。そのお陰もあって、Windows/macOS/Linuxと幅広いプラットフォームで動作します。また、その魅力はエディタ本体としての機能はもちろんのこと、多数の機能拡張が提供されている点も大きいです。あらゆる言語や開発体制に対して最適な機能拡張が有志によって開発されています。

わかりやすいマニュアルが簡単に作れるサービス ⇒「NotePM」
NotePMのPDF資料をダウンロード ⇒ こちらから

VS Codeのインストール

今回はWindows版を例にとって紹介します。ダウンロードはDownload Visual Studio Code – Mac, Linux, Windowsより行えます。Windows向けには管理者権限の要不要によって2種類、32bit/64bit/ARM版のそれぞれが用意されています。また、Zipファイルをダウンロードするだけで使えるポータブル版もあります。

インストーラー版であれば、ダウンロードして実行すればインストーラーが起動します。

基本的に手順に沿って進めていけば、インストールが完了します。

VS Codeのメイン画面

こちらがVS Codeのメイン画面になります。

おそらく起動時に日本語の言語パックをインストールするか聞かれるはずです。ここでインストールして再起動を選べば、メニューが日本語化されます。

覚えておくべき機能

VS Codeは機能がとても多いので、メニューからアクセスできるものだけではカバーしきれません。そこで、コマンドパレットと呼ばれる機能があります。これはCtrl + Shift + Pを押して呼び出します。そうすると、入力欄が出るので、自分の使いたい機能を検索して選択し、実行（エンターキーを押す）します。これはいわばランチャー的な役割になります。

例えば install と入力すれば Install Extensions という項目が出るはずです。これは機能拡張をインストールする際に利用する画面で、左側に機能拡張がずらっと並んで表示されます。

さらにこの中からインストールしたい機能拡張を選んでインストールします。こうやってVS Codeを自分好みに仕上げていきます。

Markdownを編集する

今回はMarkdownファイルを編集するのに便利なMarkdown All in Oneという機能拡張をインストールしてみます。検索結果はインストールが多いもの（お勧め）順に並ぶので、多くの人たちがインストールしている、実績があるものを選ぶのが良いでしょう。

Markdown All in Oneをインストールすると、Markdownファイルを開いた時にハイライト処理が行われるようになります。見出しや画像の記法を使った時に色分けされてわかりやすくなります。さらにリスト表示（数字やダッシュ、アスタリスクなど）を使った時に、次のリスト項目に移動した際に自動補完されるようになります。