VsCode
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
]
開始行:
#contents
*** settings.json の開き方 [#h21ea373]
- [CTRL] + ,(カンマ)
- 上のツールバーの &ref(settingsjason_icon.jpg); の左側の...
*** コマンドパレット = Ctrl + Shift + P [#f0a1491b]
*** 文字サイズの変更 [#g159c395]
- 拡大：command（⌘） + シフト（⇧） + マイナス（-）
- 縮小：command（⌘） + マイナス（-）
*** 矩形選択[#mbee896f]
|OS|マウスによる矩形選択|キーボードによる矩形選択|h
|Windows|始点をクリックしてから、終点を［Shift］＋［Alt］...
|macOS|始点をクリックしてから、終点を［Shift］＋［Option...
|Linux|始点を左クリックしてから、終点を［Shift］＋［Alt］...
*** wrap / nowrap の切り替え [#me16bc9f]
- [ALT] + Z でトグル
*** 複数エディターの同時スクロール [#cc213485]
- compare モードにすると同時スクロールする
*** キーボード・ショートカット [#r42141c8]
|エディターのタブ切り替え|[CTRL]+[PAGE Up]/[Page Down]||
|ターミナル等からエディター|[CTRL]+0/1/2 (エディターの TA...
|エディターとターミナルのフォーカス交換|control ;|カスタ...
|プログラムの実行|[F5]||
*** キーボードショートカットのカスタマイズ [#oda441c6]
- 左側ツールバー下の歯車アイコンの キーボード ショートカ...
- 右上の{}アイコンをクリックすると jsonファイル（keybindi...
- control ;でフォーカスが移動できるショートカットを設定
[
{
"key": "ctrl+;", "command": "workbenc...
"when": "editorTextF...
},
{
"key": "ctrl+;", "command": "workbenc...
"when": "terminalFoc...
}
]
*** マウスのセンターボタンによるペーストを無効にする [#le...
- 上のキーボード・ショートカットのカスタマイズと同じ手順...
- &color(red){selectionClipboard}; を検索し disable にす...
- &ref(vscode_paste_disableA.jpg);
- [[Disable middle-click paste:https://github.com/Microso...
- &color(red){これだけではペースト機能が無効にならなかっ...
-- Install xbindkeys xsel xdotool
-- Place this in ~/.xbindkeysrc
"echo -n | xsel -n -i; pkill xbindkeys; xdotool click 2;...
b:2 + Release
-- Reload xbindkeys -p
-- Run xbindkeys on startup, pkill xbindkeys to stop.
-- [[元ネタ:https://unix.stackexchange.com/questions/2433...
*** プログラム実行時の引数の定義 [#o28ff712]
-プロジェクトディレクトリ/.vscode/{}launch.json に "agrs"...
-{}launch.json はデバッグの構成から編集することができる
{
// IntelliSense を使用して利用可能な属性を学べます。
// 既存の属性の説明をホバーして表示します。
// 詳細情報は次を確認してください: https://go.micros...
"version": "0.2.0",
"configurations": [
{
"name": "Python: Current File",
"type": "python",
"request": "launch",
"program": "${file}",
"console": "integratedTerminal",
"args": ["kddi2019.tex"]
}
]
}
*** プログラム実行時のディレクトリの設定 [#v31e5de0]
- launch.json に &color(red){"cwd": "${fileDirname}"}; を...
{
// IntelliSense を使用して利用可能な属性を学べます。
// 既存の属性の説明をホバーして表示します。
// 詳細情報は次を確認してください: https://go.microso...
"version": "0.2.0",
"configurations": [
{
"name": "Python: Current File",
"type": "python",
"request": "launch",
"program": "${file}",
"console": "integratedTerminal",
"cwd": "${fileDirname}",
"args": [
"-t",
"../test_tex",
"-s",
"../JP_orig",
"-i",
"index_match.txt",
]
}
]
}
*** git（git history = git log）の利用 [#ub828256]
- [[VSCodeでのGitの基本操作まとめ:https://qiita.com/y-tsu...
*** 改行コード（CRLF/LF）の表示 [#wed3d7b2]
- line-endings というプラグインをインストール
- settings.json に以下の設定を追加
"editor.renderControlCharacters": true
- &ref(CRLF.jpg);
*** Javascript のデバッグ [#qf090cb6]
- Dajngo アプリのデバッグを行っているとクライアント側の J...
- vscode 拡張機能の 「Debugger for Chrome」を使って Javas...
- .launch.json を開き右下の ”構成の追加” ボタンを押して C...
-- ポート番号を Django が使う番号（＝8000）に変更
-- static file を見つけられるようにパスを追加
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome",
"url": "http://localhost:8000",
"webRoot": "${workspaceFolder}",
"pathMapping": {
"/static": "${workspaceFolder}/fview/sta...
}
},
- &color(red){通常は Django のデバッグモードから Django ...
*** （悲報）perl debug はサポートされなくなった (2022-09)...
- https://marketplace.visualstudio.com/items?itemName=mor...
*** markdown ドキュメントの編集 [#ufe098a4]
- プラグインをインストールする
-- [[Markdown All in One:https://marketplace.visualstudio...
-- [[Markdown PDF:https://marketplace.visualstudio.com/it...
- font は ''BIZ UDゴチック'' モリサワのオープンソース）...
- font を指定する
-- C:\Users\magu7\.vscode\extensions\yzane.markdown-pdf-1...
--- markdown.css
body {
font-family: var(--vscode-markdown-font-family, -apple-...
font-size: var(--vscode-markdown-font-size, 14px);
padding: 0 26px;
line-height: var(--vscode-markdown-line-height, 22px);
word-wrap: break-word;
}
--- markdown-pdf.css
body {
font-family: -apple-system, BlinkMacSystemFont, "BIZ UD...
padding: 0 12px;
}
- VS Code を 非 WSL モード（Native Widows モード）で利用...
-- フォント名が Linux と Windows で異なるので、windows 側...
- PDF のプロファイルで指定したフォントが使われていること...
-- &ref(pdf_profile.jpg);
*** WSL2 との接続が切れてしまった場合 [#o3a44090]
- 通常は Windows 上で WSL2 を実行中は VSCode が WSL2 のリ...
-- &ref(wsl_vsc.png);
- （wsl2 の更新などによって）''WSL2 との接続がエラーにな...
PS C:\Users\magu7> wsl -l
PS C:\Users\magu7> wsl -t Ubuntu-20.04
-- &ref(wsl2_restart.png);
*** [[君はVS Codeのデバッグの知られざる機能について知って...
*** ファイルのリロード（外部でファイルが変更された内容を...
- まず、今開いている &textcolor(red){手元ファイルのローカ...
- 手元のファイルを変更している場合は、SHIFT+CTRL+p (open ...
- 現在のタブを右クリック → Revert File
- settings.json で
"files.autoSave": "off",
"files.autoSaveDelay": 1000,
"files.autoReload": "on"
終了行:
#contents
*** settings.json の開き方 [#h21ea373]
- [CTRL] + ,(カンマ)
- 上のツールバーの &ref(settingsjason_icon.jpg); の左側の...
*** コマンドパレット = Ctrl + Shift + P [#f0a1491b]
*** 文字サイズの変更 [#g159c395]
- 拡大：command（⌘） + シフト（⇧） + マイナス（-）
- 縮小：command（⌘） + マイナス（-）
*** 矩形選択[#mbee896f]
|OS|マウスによる矩形選択|キーボードによる矩形選択|h
|Windows|始点をクリックしてから、終点を［Shift］＋［Alt］...
|macOS|始点をクリックしてから、終点を［Shift］＋［Option...
|Linux|始点を左クリックしてから、終点を［Shift］＋［Alt］...
*** wrap / nowrap の切り替え [#me16bc9f]
- [ALT] + Z でトグル
*** 複数エディターの同時スクロール [#cc213485]
- compare モードにすると同時スクロールする
*** キーボード・ショートカット [#r42141c8]
|エディターのタブ切り替え|[CTRL]+[PAGE Up]/[Page Down]||
|ターミナル等からエディター|[CTRL]+0/1/2 (エディターの TA...
|エディターとターミナルのフォーカス交換|control ;|カスタ...
|プログラムの実行|[F5]||
*** キーボードショートカットのカスタマイズ [#oda441c6]
- 左側ツールバー下の歯車アイコンの キーボード ショートカ...
- 右上の{}アイコンをクリックすると jsonファイル（keybindi...
- control ;でフォーカスが移動できるショートカットを設定
[
{
"key": "ctrl+;", "command": "workbenc...
"when": "editorTextF...
},
{
"key": "ctrl+;", "command": "workbenc...
"when": "terminalFoc...
}
]
*** マウスのセンターボタンによるペーストを無効にする [#le...
- 上のキーボード・ショートカットのカスタマイズと同じ手順...
- &color(red){selectionClipboard}; を検索し disable にす...
- &ref(vscode_paste_disableA.jpg);
- [[Disable middle-click paste:https://github.com/Microso...
- &color(red){これだけではペースト機能が無効にならなかっ...
-- Install xbindkeys xsel xdotool
-- Place this in ~/.xbindkeysrc
"echo -n | xsel -n -i; pkill xbindkeys; xdotool click 2;...
b:2 + Release
-- Reload xbindkeys -p
-- Run xbindkeys on startup, pkill xbindkeys to stop.
-- [[元ネタ:https://unix.stackexchange.com/questions/2433...
*** プログラム実行時の引数の定義 [#o28ff712]
-プロジェクトディレクトリ/.vscode/{}launch.json に "agrs"...
-{}launch.json はデバッグの構成から編集することができる
{
// IntelliSense を使用して利用可能な属性を学べます。
// 既存の属性の説明をホバーして表示します。
// 詳細情報は次を確認してください: https://go.micros...
"version": "0.2.0",
"configurations": [
{
"name": "Python: Current File",
"type": "python",
"request": "launch",
"program": "${file}",
"console": "integratedTerminal",
"args": ["kddi2019.tex"]
}
]
}
*** プログラム実行時のディレクトリの設定 [#v31e5de0]
- launch.json に &color(red){"cwd": "${fileDirname}"}; を...
{
// IntelliSense を使用して利用可能な属性を学べます。
// 既存の属性の説明をホバーして表示します。
// 詳細情報は次を確認してください: https://go.microso...
"version": "0.2.0",
"configurations": [
{
"name": "Python: Current File",
"type": "python",
"request": "launch",
"program": "${file}",
"console": "integratedTerminal",
"cwd": "${fileDirname}",
"args": [
"-t",
"../test_tex",
"-s",
"../JP_orig",
"-i",
"index_match.txt",
]
}
]
}
*** git（git history = git log）の利用 [#ub828256]
- [[VSCodeでのGitの基本操作まとめ:https://qiita.com/y-tsu...
*** 改行コード（CRLF/LF）の表示 [#wed3d7b2]
- line-endings というプラグインをインストール
- settings.json に以下の設定を追加
"editor.renderControlCharacters": true
- &ref(CRLF.jpg);
*** Javascript のデバッグ [#qf090cb6]
- Dajngo アプリのデバッグを行っているとクライアント側の J...
- vscode 拡張機能の 「Debugger for Chrome」を使って Javas...
- .launch.json を開き右下の ”構成の追加” ボタンを押して C...
-- ポート番号を Django が使う番号（＝8000）に変更
-- static file を見つけられるようにパスを追加
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome",
"url": "http://localhost:8000",
"webRoot": "${workspaceFolder}",
"pathMapping": {
"/static": "${workspaceFolder}/fview/sta...
}
},
- &color(red){通常は Django のデバッグモードから Django ...
*** （悲報）perl debug はサポートされなくなった (2022-09)...
- https://marketplace.visualstudio.com/items?itemName=mor...
*** markdown ドキュメントの編集 [#ufe098a4]
- プラグインをインストールする
-- [[Markdown All in One:https://marketplace.visualstudio...
-- [[Markdown PDF:https://marketplace.visualstudio.com/it...
- font は ''BIZ UDゴチック'' モリサワのオープンソース）...
- font を指定する
-- C:\Users\magu7\.vscode\extensions\yzane.markdown-pdf-1...
--- markdown.css
body {
font-family: var(--vscode-markdown-font-family, -apple-...
font-size: var(--vscode-markdown-font-size, 14px);
padding: 0 26px;
line-height: var(--vscode-markdown-line-height, 22px);
word-wrap: break-word;
}
--- markdown-pdf.css
body {
font-family: -apple-system, BlinkMacSystemFont, "BIZ UD...
padding: 0 12px;
}
- VS Code を 非 WSL モード（Native Widows モード）で利用...
-- フォント名が Linux と Windows で異なるので、windows 側...
- PDF のプロファイルで指定したフォントが使われていること...
-- &ref(pdf_profile.jpg);
*** WSL2 との接続が切れてしまった場合 [#o3a44090]
- 通常は Windows 上で WSL2 を実行中は VSCode が WSL2 のリ...
-- &ref(wsl_vsc.png);
- （wsl2 の更新などによって）''WSL2 との接続がエラーにな...
PS C:\Users\magu7> wsl -l
PS C:\Users\magu7> wsl -t Ubuntu-20.04
-- &ref(wsl2_restart.png);
*** [[君はVS Codeのデバッグの知られざる機能について知って...
*** ファイルのリロード（外部でファイルが変更された内容を...
- まず、今開いている &textcolor(red){手元ファイルのローカ...
- 手元のファイルを変更している場合は、SHIFT+CTRL+p (open ...
- 現在のタブを右クリック → Revert File
- settings.json で
"files.autoSave": "off",
"files.autoSaveDelay": 1000,
"files.autoReload": "on"
ページ名:
![[PukiWiki]](image/taikyoku.gif "[PukiWiki]")
