Visual Studio Code

since 2020-05-06

https://github.com/microsoft/vscode

https://docs.microsoft.com/ja-jp/learn/modules/python-install-vscode/

https://code.visualstudio.com/docs/python/python-tutorial

設定リファレンス

https://code.visualstudio.com/docs/python/settings-reference

環境変数ファイル .env を参照するという話

https://code.visualstudio.com/docs/python/environments#_environment-variable-definitions-file

デバッグ

https://code.visualstudio.com/docs/python/debugging

2021年11月 PyCon mini Shizuoka 2021

https://fintan.jp/?p=7404

since 2021-07-17

• 現在は Japanese Language Pack を入れている
• 現在はデフォルトのキーバインディングで使っている
• バージョン 1.58.2 の「ようこそ」から表示できる「対話型プレイグラウンド」の内容をここにまとめる
• キーボードショートカットのないものは省略
• Windows で操作を確認している

• Shift+Alt+マウスドラッグ : ボックス選択
• Ctrl+Alt+上矢印または下矢印 : 上下の行にカーソルを増やす
• Alt+マウスクリック : 任意の場所にカーソルを増やす
• Ctrl+Shift+L : すべての出現箇所にカーソルを作る

• Ctrl+スペース : IntelliSense

• Shift+Alt+上矢印 : 現在の行をコピーしてカーソルを上に移動（現在の行が下にコピーされる）
• Shift+Alt+下矢印 : 現在の行をコピーしてカーソルを下に移動（現在の行が上にコピーされる）
• Alt+上矢印 : 現在の行をひとつ上の行と入れ替える
• Alt+下矢印 : 現在の行をひとつ下の行と入れ替える
• Ctrl+Shift+K : 現在の行を削除

• Shift+Alt+F : ドキュメントのフォーマット
• Ctrl+K Ctrl+F : 選択範囲のフォーマット（ただし black はサポートしていない）

• Ctrl+Shift+[ 開き角カッコ : 折りたたみ
• Ctrl+Shift+] 閉じ角カッコ : 展開
• Ctrl+K Ctrl+0 : すべて折りたたみ
• Ctrl+K Ctrl+J : すべて展開
• Ctrl+K Ctrl+1から5 : インデントのレベルを指定して折りたたみ

• Ctrl+フルキー数字 : 分割されたグループ（エディタ）の N 番目にカーソルを移動
• Ctrl+\ : グループ（分割）を増やす
• Ctrl+K W : グループを閉じる（グループ内のエディタをすべて閉じる）

https://github.com/github/copilot-docs/blob/main/docs/gettingstartedvisualstudiocode.md

https://github.com/VSCodeVim/Vim

VSCode の Emacs Keymap に挫折してオリジナル配列で覚えなおそうとしていたが、いっそのこと Vim 配列に慣れたほうがいいのではと思い始めた

— にしもつ (@24motz) May 5, 2020

https://qiita.com/jintz/items/d357478271179c90ffab

https://qiita.com/kuroyakov/items/e58d0a2ac96df166a088

ビジュアルモード

https://www.atmarkit.co.jp/ait/articles/1106/15/news127.html

since 2022-03-20

https://code.visualstudio.com/docs/nodejs/working-with-javascript

JavaScript + React をちょっとずつ型チェックする

jsconfig.json

{
    "compilerOptions": {
        "jsx": "react-jsx",
    }
}

js ファイルの先頭にコメントを追加する

// @ts-check

この段階で「問題」が出たら、直すか、直前の行に

// @ts-ignore

を入れる。

関数やメソッドの引数に、太い点線の下線が表示されるようになる。

マウスホバーすると「パラメーター xxxx の型は暗黙的に any になっていますが、使い方からより良い型を推論できます」と表示される。

クイックフィックス（Ctrl+ピリオド）

「使用状況からパラメーターの型を推論する」

を使えば、例えば下記 formatInt の引数 v は：

// @ts-check
export const formatInt = (v) => {
  return Number(Math.round(v)).toLocaleString();
};

以下のように推論される：

// @ts-check
export const formatInt = (/** @type {number} */ v) => {
  return Number(Math.round(v)).toLocaleString();
};

JSDoc annotations という記法らしい。

https://dev.to/sumansarkar/how-to-use-jsdoc-annotations-with-vscode-for-intellisense-7co

すべてのファイルに ts-check を書くかわりに、jsconfig.json で下記を指定できる。

{
    "compilerOptions": {
        "jsx": "react-jsx",
        "checkJs": true
    }
}

since 2022-03-20

いつか触ってみる

https://marketplace.visualstudio.com/items?itemName=mpotthoff.vscode-android-webview-debug