1.構成パラメーターを生成します
現在のディレクトリlanch.json
ファイルにプロジェクトを作成する必要があるほとんどのデバッグでは、位置は現在のディレクトリプロジェクトの下に.vscode
隠しフォルダで生成され、次のようないくつかの構成内にコンテンツを配置します:settings.json:ワークスペース設定、コードフォーマット構成、プラグイン構成。
.vscode
ディレクトリ内の構成は、現在のプロジェクトのスコープ内でのみ有効になります。されます.vscode
、我々は設定を統一するとき、それは非常に便利になります、コードリポジトリに提出。
このフォルダにlanch.json
ファイルを作成します。ファイル
を作成するにはlanch.json
、左ボタンをクリックしてデバッグDebug view
インターフェイスに入るか、上部の[デバッグ]メニューオプションをクリックする必要があります。
2.構成ファイルのプロパティ
各(言語)デバッガーには、独自の構成情報があります。IntelliSenseの提案を使用して、既存の構成アイテムの情報をクエリできます。通常、コメントがあります。
• version
:バージョン番号は、変更することなく、
• configurations
:タスクをデバッグするための各特定の設定情報を設定するために使用されるアレイタイプ、
•type
デバッグ環境の特定のタイプを:node
、java
、cppdbg
など
• name
:名前がタスクをデバッグし、ドロップダウンリストを使用し、 display
• program
:起動ファイルのパス。パス内の変数について、以下を紹介します。
• request
:デバッグモード、合計2つのモードがあります。
launch
:
attach
アプリケーションから開始:アプリケーションは開始されましたが、再起動せずにアプリケーションをデバッグしたい場合は、デバッガーをアプリケーションに接続できます
• runtimeExecutable
:アプリケーションが実行される実行期間。デフォルトはノードであり、パスによって決定されるか、PATHに追加されます。
• console
:デバッグ端末が開始される場所。通常、3つの値があります。情報が端末に表示されます。対応する変数値がよく表示されない場合は、この値を調整できます
internalConsole
:VS Codeのデバッグコンソール
integratedTerminal
:VS Codeの統合端末
externalTerminal
:VSCodeの外部統合端末
• env
:オブジェクト、プログラムの起動時には、環境変数が渡されている
•args
プログラムの起動が渡されたパラメータです:
• cwd
:プログラムの起動がディレクトリで構成されている
• window
:ウィンドウプラットフォームごとに個別の設定項目を設定する
• linux
:Linuxプラットフォームごとに個別の設定項目を設定します
• osx
:Macの場合OSプラットフォーム用に個別に設定項目を設定する
3.変数置換
VS Code
でlaunch.json
、デバッグファイル、およびtask.json
タスクファイルは、簡単に使用できることを意味し、変数置換、サポートするために、VS Code
いくつかの定義済みの変数を。
{
"version": "2.0.0",
"tasks": [
{
"type": "shell",
"label": "build",
"command": "/usr/bin/g++",
"args": [
"-g",
"-std=c++11",
"${file}",
"-o",
"${fileDirname}/${fileBasenameNoExtension}"
],
"options": {
"cwd": "${workspaceFolder}"
},
"problemMatcher": [
"$gcc"
],
"group": "build"
}
]
}
次のように変数を使用します${variableName}
。
一般的に使用される変数は
次の${workspaceFolder}
とおりです。• :パスを開くためのVSコードのプロジェクトフォルダー
• ${file}
:現在開いている開いている(アクティブ化)ファイル
• ${relativeFile}
:相対{workspaceFolder}
ファイルパス
• ${fileBasename}
:現在開いているファイル名
• ${fileBasenameNoExtension}
:現在開いているファイルの名前、なし拡張子
• ${fileExtname}
:現在開いているファイルの拡張子
• ${fileDirname}
:現在開いているファイルのフォルダの名前
4.コードは自動的に保存されます
解決策1:
コードを変更した後、デフォルトでは自動的に保存されません。設定項目files.autoSave
を検索し、次のように構成項目を変更できます。
カーソルがファイルから離れると、ファイルは自動的に保存されます。とても便利。
オプション2:
もちろん、メニューバーで直接選択することもできますFile->Auto Save
。確認後、コードの記述が終了すると、ファイルはすぐにリアルタイムで保存されます。
5.コードを保存した直後にフォーマットします
コードを保存した後、デフォルトではコードはすぐにはフォーマットされません。editor.formatOnSave
構成アイテムを表示して設定を検索できます。
6.スペースまたはタブ
VS Codeは、開いたファイルに基づいてスペースとタブのどちらを使用するかを決定します。つまり、プロジェクトですべてのタブが使用されている場合、新しいコードを作成するときに、タブキーを押した後、エディターはそれをタブとして認識します。
一般的な設定項目は次のとおり
editor.detectIndentation
です。:自動検出(デフォルトで有効)。スクリーンショットは次のとおり
editor.insertSpaces
です。:Tabキーを押したときにスペースを挿入します(デフォルト)。スクリーンショットは次のとおり
editor.tabSize
です。タブ文字はデフォルトで4スペースに相当します。以下のスクリーンショット:
7.関数が呼び出される場所を見つける
たとえば、a.jsファイルでfoo()関数を呼び出しました。では、foo()関数が他のファイルでも呼び出されているかどうかを知りたい場合はどうすればよいですか?
方法は次のとおりです。a.jsファイルでfoo()関数を選択し(またはfoo()関数にカーソルを置き)、ショートカットキー「Shift + F12」を押したままにすると、 foo()関数は呼び出され、より実用的です。
8.現在のファイルを検索します
上記のショートカットキーのリストでは、次のショートカットキーがすでにわかっています。
•Cmd + F(Winユーザーの場合はCtrl + F):検索ボックスにカーソルを置いて現在のファイルを検索します
•Cmd + G(Winユーザーの場合はF3) ):現在のファイルを検索するとき、カーソルは引き続きエディターに残ります。
さらに、次の
図に示すように、検索ボックスには多くのボタンがあり、各ボタンは異なる機能に対応していることに気付く場合があります。 「Tab」キーと「Shift + Tab」キーは、入力ボックスと交換ボックスを切り替えます。
「選択したコンテンツを検索」の機能は非常に実用的です。設定項目でeditor.find.autoFindInSelectionを検索することもできます。この設定項目を確認した後、指定したコンテンツを選択して「Cmd + F」を長押しすると、自動的にこれらのコンテンツのみを検索できます。設定項目を下図に示します。
9.グローバル検索
上記のショートカットキーのリストでは、次のショートカットキーがすでにわかっています。
•Cmd + Shift + F(Winユーザーの場合はCtrl + Shift + F):グローバルフォルダーを検索します。効果は次のとおりです。上の
図では、赤いボックスをクリックして、さらに構成項目を展開できます。
10.ワークスペースをズームイン/ズームアウトします
上記の設定でフォントサイズを変更した後、コードのフォントサイズのみを変更しました。
ワークスペース全体(コードのフォント、左側のナビゲーションバーのフォントなどを含む)をズームする場合は、ショートカットキー「cmd +/-」を押すことができます。Windowsユーザー
は、プロジェクターで他の人にコードを表示するときに「ctrl +/-」を押します。このトリックは、非常に便利です。
デフォルトのワークスペースサイズに戻したい場合は、コマンドパネルでresetzoomと入力できます(英語でresetzoom)。
11.ファイル転送:sftp
FTP経由でLAN上のサーバーにローカルファイルをアップロードする必要がある場合は、sftpプラグインをインストールできます。これは非常に便利です。会社でよく使われます。
手順は次のとおりです。
(1)プラグインsftpをインストールします。
(2)sftp.jsonファイルを設定します。プラグインのインストールが完了したら、ショートカットキー「cmd + shift + P」を入力してコマンドパネルをポップアップし、sftp:configと入力して、Enterキーを押すと、sftp.jsonファイルが.vscodeに自動的に生成されます。現在のプロジェクトのフォルダー。これを入力する必要があります。ファイルに構成されているコンテンツは
次のとおりです。•ホスト:サーバーのIPアドレス
•ユーザー名:ユーザー名
•privateKeyPath:ワークステーションへのログインに使用されるローカルに構成されたキーファイル(ppkファイルの場合もあります)
•remotePath:ワークステーションローカルプロジェクトと同期するフォルダーのパスは、ローカルプロジェクトファイルのルートディレクトリと同じ名前である必要があります。sftpを使用してファイルをアップロードする前に、ルートディレクトリを使用する必要があります。ワークステーションのmkdirで手動で生成する必要があります
•ignore:sftpを使用する場合に指定します:リモートの無視されたファイルとフォルダーに同期します。各行の後にコンマがあり、最後の行にコンマがないことに注意してください。
例は次のとおりです。 (コメントは削除する必要があることに注意してください)
{
"host": "192.168.xxx.xxx", //服务器 ip
"port": 22, //端口,sftp 模式是 22
"username": "", //用户名
"password": "", //密码
"protocol": "sftp", //模式
"agent": null,
"privateKeyPath": null,
"passphrase": null,
"passive": false,
"interactiveAuth": false,
"remotePath": "/root/node/build/", //服务器上的文件地址
"context": "./server/build", //本地的文件地址
"uploadOnSave": true, //监听保存并上传
"syncMode": "update",
"watcher": {
//监听外部文件
"files": false, //外部文件的绝对路径
"autoUpload": false,
"autoDelete": false
},
"ignore": [
//忽略项
"**/.vscode/**",
"**/.git/**",
"**/.DS_Store"
]
}
(3)VS Codeの現在のファイルで、「右クリック->アップロード」を選択して、ローカルコードを指定されたftpサーバー(つまり、上記のホストで構成されたサーバーIP)にアップロードします。
「右クリック->リモートとの差分」を選択して、ローカルコードをftpサーバー上のコードと比較することもできます。