\r\n\r\n
Visualstudio Codeは、プログラミングに最適なテキストエディターです。サブライムテキストに代わって私のコードエディターとなり、もう元には戻れないでしょう。電子ベースのJavaScriptアプリケーション(同じくテキストエディタとして評価の高いAtomと同じ)ですが、非常に高速で、他のJavaScriptアプリケーションのようなパフォーマンスの問題に悩まされることはありません。
因みに、そうです:VSのコードはオープンソースで、GitHubで公開されています。10年前、マイクロソフトがオープンソースソフトウェアを受け入れると言ったら、あなたは笑ったことでしょう。見てください、私たちはここまで来たんです。
とにかく、はじめましょう。生産性とワークフローを次のレベルに引き上げるために、visualstudioの基本的なコードに関するいくつかのヒントをご紹介します。
(Atomではなくvisualstudio codeを選ぶべきかどうか、まだ迷っている方は、私たちが判断材料になります)。
Sublime Text(およびその前のTextMate)のように、VS Codeにはコマンドパレットと呼ばれるものがあります。この機能により、マウスでメニューを操作することを余儀なくされることなく、入力することで様々なコマンドにアクセスすることができます。
コマンドオプションパネルは、Ctrl+Shift+Pのキーボードショートカットで開くことができます。やりたいこと(例:「閉じる」)を入力し始めるだけで、オプションがリアルタイムで更新されます。いくつかのコマンドはグループ化されているので(例:「ファイル」、「Git」、「ターミナル」など)、見つけられそうにないコマンドを探し出すのに使えます。
ナビゲーションサイドバーのエクスプローラーをクリックすると、新しいサブパネルが開きます。このサブパネルは、「開いているエディタ(現在開いているファイルや文書)」と「未開封のフォルダ」の2つのセクションに分かれています。気になるのは後者。
フォルダを開く」をクリックし(メニューバーの「ファイル」> 「フォルダを開く」に移動することもできます)、システム上の任意のフォルダを選択します。これにより、そのフォルダが「現在の作業項目」としてVSコードに読み込まれ、すべてのファイルとサブフォルダに簡単にアクセスできるようになるので、ファイルエクスプローラを行ったり来たりし続ける必要はありません。
最近のテキストエディタは、同時に複数のファイルを開くことができ、開いているファイルをある種のタブベースのインターフェイスで切り替えることができるようになっています。より高度なテキストエディタでは、VS Codeのようにサイド・バイ・サイドでのテキスト編集も可能です(ただし、水平方向のみ)。
しかし、ノートパソコンや古いモニターなどの小さな画面では、並列編集が難しく、この点ではVSコードが優れています。
ダイナミックパネルという機能があり、開いているドキュメントパネルの1つが狭い場合、そのドキュメントをアクティブにする(カーソルを置く)と自動的に広くなる。まだ720pに近い解像度を使用している方は、この機能をぜひご利用ください。
文書中の複数のテキストを**または削除する必要がある場合、複数のカーソルを作成すればよいのです。Altキー(MacではOptionキー)を押しながら、テキスト内の任意の場所をクリックすることで、この操作を行うことができます。クリックするたびに、新しいカーソルが作成されます。
これは、HTMLのように、同じクラスのインスタンスを多数追加したり、複数のハイパーリンクのフォーマットを変更したい場合に特に便利です。それを学んで、好きになる。
プログラミングやスクリプトを書いていると、認識できない変数やメソッドに出くわすことがよくあります。で、どうするんだ?正しいファイルを探すのに数分かかるか、変数/メソッドをカーソルで選択してF12をクリックすると、その定義にすぐにジャンプすることができます。
また、ソースファイルを開くのではなく、Alt+F12キーボードショートカットで、カーソルのある行に正確に定義が表示されるだけでもOKです。
逆に、定義された変数/メソッドを選択し、Shift+F12キーボードショートカットで、その変数/メソッドへのすべての参照を検索することができます。カーソルがある行にも表示されます。
これらの機能を正しく動作させるためには、正しいフォルダが「現在の作業項目」として開かれていることを確認する必要があります(ヒント2参照)。
リファクタリングは、きれいなコードを書き、維持するために必要な作業ですが、特に大規模なモジュールやコードの塊をリファクタリングする場合は、かなりの頭痛の種になる可能性があります。そのため、変数やメソッドの名前を変更するためだけに何十ものファイルを検索するのではなく、VSコードに作業を任せてください。
変数/メソッドを選択してF2を押すと、名前を編集することができ、現在のワークアイテム全体でその変数名のすべてのインスタンスが変更されます。
もし、現在のファイルだけを変更したい場合は、Ctrl+F2キーボードショートカットを使用すると、VSコードは現在のファイルの各インスタンスにカーソルを生成します。
ソースコードでないファイルを使用している場合、上記のシンボルファインダー機能(プロンプト5)は使用できません。では、文章や単語を探したいのに、どのファイルにあるかわからないときはどうすればいいのでしょうか。基本的な検索機能に戻ります。
Ctrl+Fで現在のファイル内を、Ctrl+Shift+Fで現在の作業プロジェクト全体の全ファイル内を、再帰の全サブフォルダを含めて検索することができます。
VSコードには、統合端子が付属しています。Windowsの場合、この端末はコマンドプロンプトとして表示されます。MacやLinuxでは、Bashプロンプトとして表示されます。いずれの方法でも、ターミナルは現在作業中のプロジェクトのディレクトリ(ロードされている場合)またはホームフォルダ(プロジェクトがロードされていない場合)から開始されます。
また、独立した複数の端末を持つ機能にも対応しています。右上の「+」をクリックすれば、さらに端末を生成でき、「bin」をクリックすれば、現在の端末を閉じることができます。ドロップダウンメニューは、タブベースのインターフェイスのように画面を無駄にすることなく、簡単に切り替えることができます。
VS Codeでは、テキストやソースコードのシンタックスハイライトにテーマを設定することができます。残念ながら、インターフェイス自体のテーマ設定はできませんが、シンタックスハイライトは重要なポイントです。優れたテーマが生産性を向上させることに、あなたは驚くことでしょう。
新しいテーマは、VS Code Marketplace(無料)で見つけることもできますし、VS Codeで直接検索することもできます。
最後に、サードパーティ製の拡張機能によるVSコードの拡張性を紹介します。テーマと同様に、VS Code Marketplace(そう、これらも無料です)で探すこともできますし、VS Codeで検索することも可能です。Ctrl+Shift+Xキーボードショートカットで、「拡張機能」パネルにアクセスします。
拡張性は生産性を最大化するための鍵です。リンター、デバッガー、コードスニペット、VSコード自体の品質向上、ビルドツール、さらにはVimエミュレーションを実装するツールなど、さまざまなツールが用意されています。VSコード拡張のお気に入りをチェックしてみてはいかがでしょうか?
私はVSコードが大好きですが、VSコードは誰にとっても完璧なものではありませんし、あなたが望むものでもないかもしれません。それとも、まさにあなたに必要なものなのでしょうか!
試しに、素直な気持ちで行ってみてください。きっと驚かれると思います。(テキストエディタとIDEの違いについてはこちらをご覧ください。) なお、VS Codeは単なるテキストエディタで、IDEではありません!しかし、VS Codeのスキルを使えば、Microsoft Visual Studio Onlineを使って、ブラウザ上でコーディングを始めることができます。