since 2020-05-06
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
デバッグ
since 2023-03-09
https://mypy.readthedocs.io/en/stable/cheat_sheet_py3.html
【Python】VSCodeが型推論結果を自動で表示してくれるようになった【TypeHinting】
<html> <iframe width="560" height="315" src="https://www.youtube.com/embed/Mop5dNJnk5A" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </html>
<html> <iframe src="www.slideshare.net/slideshow/embed_code/key/IllTfRPGh7R2BN" width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a href="www.slideshare.net/nishimotz/211120-pydebugnishimoto" title="211120 pydebug-nishimoto" target="_blank">211120 pydebug-nishimoto</a> </strong> from <strong><a href="https://www.slideshare.net/nishimotz" target="_blank">Takuya Nishimoto</a></strong> </div> </html>
since 2021-07-17
https://github.com/VSCodeVim/Vim
<html> <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">VSCode の Emacs Keymap に挫折してオリジナル配列で覚えなおそうとしていたが、いっそのこと Vim 配列に慣れたほうがいいのではと思い始めた</p>— にしもつ (@24motz) <a href="https://twitter.com/24motz/status/1257557298542608386?ref_src=twsrc%5Etfw">May 5, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </html>
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