Visual Studio Codeの基礎

Configuring the Editor

VS Codeは、エディタを設定するために、あなたに多くのオプションを与えます。あなたは、広範囲に、ユーザー設定を通して、 あるいは、プロジェクト/フォルダごとの作業スペース設定を通して、オプションを設定することができます。 設定値は、settings.jsonファイルで保有されます。

• ユーザーsettings.jsonファイルを編集するために、ファイル>環境設定>ユーザー設定を選択します。 (あるいは、Ctrl+Shift+Pを押します。userと入力し、Enterを押します）。
• 作業スペースsettings.jsonファイルを編集するために、ファイル>環境設定>作業スペース設定を選択します。 (あるいは、Ctrl+Shift+Pを押します。workspと入力し、Enterを押します）。

Macユーザーは、以下のように注意してください。： 環境設定メニューは、ファイルではなく、コードの下にあります。例えば、Code>Preferences>User Settings.

あなたは、左側のウィンドウのVS Codeの既定の設定と右側のあなたの編集可能なsettings.jsonを見るでしょう。 あなたは、簡単に、再検討、そして、既定の設定から、設定をコピーすることができます。

あなたの設定を編集した後、あなたの変更を保存するために、Ctrl+Sをタイプします。変更は、すぐに有効になります。

備考

作業スペース設定は、ユーザー設定を上書きするでしょう。 そして、チーム全体でプロジェクト固有の設定を共有するために役に立ちます。

Configuring Keyboard Shortcuts

VS Codeは、ほとんどすべてのエディタ動作のためのキーボードショートカットをサポートしています。

キーボードショートカット・リファレンス－最も一般的に用いられて、 参考になるシートをダウンロードすることによって、普及しているキーボードショートカットを学びます。

Keymap拡張機能をインストールします。－VS Codeで、Keymap拡張機能をインストールすることで、 （Sublime Text、AtomとVimような）あなたの古いエディタのキーボードショートカットを使用します。

キーボード・ショートカットをカスタマイズします－あなたのスタイルを合わせるために、 既定のキーボードショートカットを変更します。

Multiple selections (multi-cursor)

VS Codeは、すばやい同時編集のための複数のカーソルをサポートしています。 あなたは、Alt+Clickで、第二のカーソル（薄く描画されます）を追加することができます。 それぞれのカーソルは、それが位置するコンテクストに基づいて、独立して操作します。 更にカーソルを追加する一般的な方法は、カーソルの下や上に挿入するCtrl+Alt+DownやCtrl+Alt+Upです。

備考

（Nvidiaのような）あなたのグラフィックカード・ドライバは、これらの既定のショートカットに上書きするかもしれません。

Ctrl+Dは、カーソルで単語を選択します。あるいは、続いて、現在の選択が出現します。

ヒント：

また、あなたは、Ctrl+Shift+Lで、より多くのカーソルを追加することができます。 それは、選択されたテキストやCtrl+F2で、各々の発生で、選択を追加するでしょう。それは、現在の単語のそれぞれの出現に選択を追加するでしょう。

Shrink/expand selection

すばやく、現在の選択範囲を縮小、拡大します。Shift+Alt+LeftとShift+Alt+Rightで、それを起動します。

ここに、選択をShift+Alt+Rightによって拡大する例があります。：

Column (box) selection

ShiftとAltを押しながら、ドラッグして列を選択します。：

また、Mac、そして、Windows上で、列を選択するための既定のキー割り当てがあります。しかし、Linuxでは存在しません。

あなたが、望む場合、あなたは、それらを更に使い慣れた何かに割り当てるために、keybindings.jsonを編集することができます。

Save / Auto Save

既定では、VS Codeは、ディスクにあなたの変更を保存するために、明示された動作（Ctrl+S）を求めます。

しかしながら、それは、Auto Saveに変更することは簡単です。 それは、設定された後、遅れて、あるいは、フォーカスが、エディタを離れた時、あなたの変更を保存するでしょう。 このオプションをオンにすると、明示的にファイルを保存する必要はありません。 自動保存に変更する最も簡単な方法は、File > Auto Save toggleです。 それは、遅れて保存のオンとオフを切り替えます。

自動保存をより細かく制御するためには、ユーザー設定、あるいは、作業スペース設定を開き、そして、関連する設定を検索します。：

• files.autoSave：値を持つことができます：
  • off－自動保存を無効にする。
  • afterDelay－設定された遅延後に、ファイルを保存します。
  • onFocusChange－フォーカスが、更新されたファイルのエディタから移動する時、ファイルに保存します。
  • onWindowChange－フォーカスが、VS Codeウィンドウから移動するとき、ファイルを保存します。
• files.autoSaveDelay：files.autoSaveをafterDelayに設定するとき、ミリ秒の遅れを設定します。

Search Across Files

VS Codeは、あなたが、現在開かれたフォルダ内で、全体のファイルを素早く検索することができます。 単純に、あなたの検索で、Ctrl+Shift+Fを入力し、タイプます。 検索結果は、検索語が含まれるファイルにまとめられます。 それぞれのファイルとその場所での当りの表示とそのファイル内の全ての当りのプレビューを表示するために、ファイルを展開します。 続いて、エディタ内のビューをシングルクリックします。

ヒント：

私たちは、検索ボックス内での正規表現検索もサポートしています。

あなたは、Ctrl+Shift+Jを入力することによって、高度な検索オプションを設定することができます。 これは、検索を設定するために、追加されたフィールドを表示します。

検索ボックスの下の2つの入力ボックスで、あなたは、ファイルを含めたり、除外することができます。 トグルスイッチを右にクリックし、globパターン文法をenableにします。：

• *は、パス部分で１つ以上の文字と一致します
• ?は、パス部分で1つの文字の上で一致します
• **は、何も含まれていない場合を含む、多くのパス部分と一致します。
• {}は、グループ条件です （例えば、{**/*.html,**/*.txt}は、すべてのhtmlとtxtファイルと一致します。）
• []は、組み合わせる文字の領域を宣言します （例えば、example.[0-9]は、example.0、example.1、…に一致します。

VS Codeは、検索結果の数を減らすために、既定で、あなたが、興味を持っていない、いくつかのフォルダ（例えば：node_modules）を除外します。 これらの規則を変更するために、files.excludeとsearch.exclude項目の下で、設定を開きます。

ヒント：

Explorerから、一つのフォルダだけを検索するために、あなたは、フォルダを右クリックし、Find in Folderを選択することができます。

また、ファイル間で検索と置換を行うこともできます。置換テキスト・ボックスを表示するために、検索ウィジェットを展開します。

あなたが、置換テキスト・ボックスにテキストを入力すると、あなたは、保留中の変更の差分表示を見るでしょう。 あなたは、置換テキスト・ボックスから、すべてのファイルを置き換えることができます。1つのファイルをすべてを置き換えるか、1つの変更を置き換えます。

ヒント：

あなたは、あなたの検索語の履歴を移動するために、Alt+DownとAlt+Upを使用して、先程の検索語をすばやく再利用することができます。

Command Palette

VS Codeは、キーボードからも同様に利用できます。 最も知っておく必要のある重要なキーの組み合わせは、Ctrl+Shift+Pです。それは、Command Paletteを表示します。 ここから、あなたは、VS Codeの機能の全てに、アクセスします。最も一般的な操作のためのキーボードショートカットが含まれています。

Command Paletteは、多くのコマンドへ、アクセスを提供します。 あなたは、エディタコマンドを実行、ファイルを開く、記号を検索することができます。 そして、ファイルの簡単な概要を参照してください。 すべて、同じ対話型のウィンドウを使用しています。ここに、いくつかのヒントがあります。：

• Ctrl+Pは、単純に名前を入力することによって、いずれかのファイルや記号に移動できます。
• Ctrl+Shift+Tabは、あなたが最後に開いて設定したファイルを繰り返すでしょう。
• Ctrl+Shift+Pは、あなたを、直接、エディタコマンドに導きます。
• Ctrl+Shift+Oは、あなたが、ファイル内の特別な記号を操作できます。
• Ctrl+Gは、あなたが、ファイル内の特定の行を操作できます。

入力領域内で?を入力すると、あなたが、実行することができるコマンドの利用できるリストを取得します。：

Quick File Navigation

Explorerは、ファイルの間の移動するために最適です。 あなたが、プロジェクトを調べているとき、しかしながら、あなたが、タスク上で作業しているとき、あなたは、あなた自身が、すばやく移動しているのに気づきます。 ファイルの同じ設定の間で、VS Codeは、使いやすいキー結合で、ファイル中で、そして、渡って操作するために、2つの強力なコマンドを提供します。

Ctrlキーを押しながらTabキーを押すと、エディタグループで開いているすべてのファイルのリストが表示されます。 これらのファイルの1つを開くために、再び、あなたが、移動したいファイルを選択するために、Tabを使用します。続いて、それを開くために、Ctrlを離します。

他の方法として、あなたは、ファイルと編集場所の間で操作するために、Alt+LeftとAlt+Rightを使用することができます。 あなたが、同じファイルの異なる行の間のまわりで移動している場合、これらのショートカットは、簡単にそれらの場所の間を移動することができます。

ヒント：

あなたは、Ctrl+Pを入力する時、その名前で、どんなファイルでも開くことができます。

File Encoding Support

User SettingsやWorkspace Settings内で、files.encoding設定を使用することにより、 グローバルに、あるいは、ワークスペースごとに、ファイル・エンコーディングを設定します。

あなたは、ステータス・バーで、ファイル・エンコーディングを見ることができます。

再び開くために、ステータス・バーの中で、エンコーディング・ボタンをクリックします。あるいは、異なるエンコードで使用中のファイルを保存します。

続いて、エンコーディングを選択します。

コマンド・ラインから起動する

code .

code index.html style.css readme.md

追加されたコマンドライン引数

ファイルとフォルダの両方のため、あなたは、絶対、あるいは、相対パスを使用することができます。 相対パスは、あなたがコードを実行するコマンド・プロンプトの現在のディレクトリに、相対的です。

あなたが、コマンド・ラインに、１つ以上のファイルやフォルダを指定する場合、VS Codeは、一つのインスタンスだけを開きます。

Window Management

VS Codeには、セッションの間で、どのようにウィンドウを開いたり、格納するか制御するための、いくつかのオプションがあります。

window.openFilesInNewWindow設定は、既存のVS Codeインスタンスを再利用する代わりに、 ファイルを新しいウィンドウの中で開く必要がある場合、制御します。 既定では、VS Codeは、新しいウィンドウを開きます。 あなたが、VS Codeの外から、ファイルをダブルクリックしたり、 コマンド・ラインからファイルを開くとき、VS Codeで、最後にアクティブだったインスタンスを再使用するために、 そして、そこでファイルを開くために、これをfalseに設定します。

window.reopenFolders設定は、 どのように、あなたの先程のセッションの開いたウィンドウを復元するか、VS Codeに伝えます。 既定では、VS Codeは、あなたが作業した最後に開かれたフォルダを再び開きます。 （設定：1）。どんなフォルダも、決して再度、開かないために、この設定をnoneに変更します。 そして、常に、空のVS Codeインスタンスから開始します。 あなたが、以前のセッション間に、作業した、すべてフォルダを復元するために、それを変更します。

Next Steps

あなたは、基本的なユーザーインターフェースを取り扱いました－VS Codeには、まだ、どっさりあります。以下について調べるためにお読みください：

• イントロ・ビデオ－設定と基礎－VS Codeの基礎については、チュートリアルをご覧ください。
• ユーザー/作業スペース設定－ユーザーと作業スペース設定を通して、あなたの環境設定をVS Codeに設定する方法を学びます。
• 進化した編集－Lint、IntelliSense、Lightbulbs、PeekとGoto Definitionなど
• 統合ターミナル－VS Code内から、コマンド・ライン・タスクをすばやく実行するために、統合ターミナルについて学習します。
• IntelliSense－VS Codeは、高性能なコードの補完をもたらします。
• デバッグ－これは、VS Codeが本当に輝くところです
• Customization－テーマ、設定とキーボード結合

Common Questions

Q:それは、包括的に検索置換できますか？

A:はい、置換するテキスト・フィールドを含めるために、検索Viewテキストボックスを展開します。 あなたは、作業スペースのすべてのファイルにわたって、検索、そして、置換ができます。

Q:ワード・ラップをオンにするには。どのようにすればいいですか？

A:あなたは、editor.wrappingColumn設定を通して、ワード・ラップを制御することができます。 既定で、editor.wrapperingColumnは、300文字の設定です。 あなたは、列幅を調整することができます。 あるいは、エディタのビューポート幅をラップにするために、値を0に設定します。

"editor.wrappingColumn": 0