VsCode の履歴(No.11)

コマンドパレット = Ctrl + Shift + P
文字サイズの変更
矩形選択
キーボード・ショートカット
キーボードショートカットのカスタマイズ
マウスのセンターボタンによるペーストを無効にする
プログラム実行時の引数の定義
git（git history = git log）の利用
Javascript のデバッグ

コマンドパレット = Ctrl + Shift + P†

文字サイズの変更†

拡大：command（⌘） + シフト（⇧） + マイナス（-）
縮小：command（⌘） + マイナス（-）

矩形選択†

OS	マウスによる矩形選択	キーボードによる矩形選択
Windows	始点をクリックしてから、終点を［Shift］＋［Alt］＋左クリック（したままドラッグ）	［Ctrl］＋［Shift］＋［Alt］＋矢印キー
macOS	始点をクリックしてから、終点を［Shift］＋［Option］＋左クリック（したままドラッグ）	［Shift］＋［Option］＋［Command］＋矢印キー
Linux	始点を左クリックしてから、終点を［Shift］＋［Alt］＋左クリック（したままドラッグ）	既定では設定なし

↑

キーボード・ショートカット†

エディターのタブ切り替え	[CTRL]+[PAGE Up]/[Page Down]
ターミナル等からエディター	[CTRL]+0/1/2 (エディターの TAB 番号)
エディターとターミナルのフォーカス交換	control ;	カスタム拡張（下記）
プログラムの実行	[F5]

↑

キーボードショートカットのカスタマイズ†

左側ツールバー下の歯車アイコンのキーボードショートカット
右上の{}アイコンをクリックすると jsonファイル（keybindings.json）の編集が可能になる

control ;でフォーカスが移動できるショートカットを設定

[
    {
        "key": "ctrl+;",            "command": "workbench.action.terminal.focus",
                                    "when": "editorTextFocus"
    },
    {
        "key": "ctrl+;",            "command": "workbench.action.focusFirstEditorGroup",
                                    "when": "terminalFocus"
    }
]

↑

マウスのセンターボタンによるペーストを無効にする†

上のキーボード・ショートカットのカスタマイズと同じ手順で setting.json ファイルの編集画面を出す
selectionClipboard を検索し disable にする（以下の写真の画面）
Disable middle-click paste
これだけではペースト機能が無効にならなかったので、以下を追加で実行
- Install xbindkeys xsel xdotool
- Place this in ~/.xbindkeysrc
```
"echo -n | xsel -n -i; pkill xbindkeys; xdotool click 2; xbindkeys"
b:2 + Release
```
- Reload xbindkeys -p
- Run xbindkeys on startup, pkill xbindkeys to stop.
- 元ネタ

↑

プログラム実行時の引数の定義†

プロジェクトディレクトリ/.vscode/{}launch.json に "agrs": [] のリストに追加

{}launch.json はデバッグの構成から編集することができる

{
    // IntelliSense を使用して利用可能な属性を学べます。
    // 既存の属性の説明をホバーして表示します。
    // 詳細情報は次を確認してください: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Python: Current File",
            "type": "python",
            "request": "launch",
            "program": "${file}",
            "console": "integratedTerminal",
            "args": ["kddi2019.tex"]
        }
    ]
}

↑

git（git history = git log）の利用†

VSCodeでのGitの基本操作まとめ

↑

Javascript のデバッグ†

Dajngo アプリのデバッグを行っているとクライアント側の Javascript のコード（Chrome で実行）にはブレークがかからない
vscode 拡張機能の「Debugger for Chrome」を使って Javascript のコード（特に Ajax のコード）をデバックできるようにする

.launch.json を開き右下の ”構成の追加” ボタンを押して Chrome Launch を選択して以下のように編集

ポート番号を Django が使う番号（＝8000）に変更

static file を見つけられるようにパスを追加

         {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome",
            "url": "http://localhost:8000",
            "webRoot": "${workspaceFolder}",
            "pathMapping": {
                "/static": "${workspaceFolder}/fview/static/"
            }
        },

通常は Django のデバッグモードから Django を起動するが、vscode 外のコマンドラインから Django を起動した状態で、デバッグモードで Launch Chrome を起動する