VScode キーバーインドの設定

キーバインド設定

左下の歯車アイコンからキーボードショートカットをクリック。
右上らへんのファイルアイコンをクリックでキーバインド設定画面に移動。

設定したのは下記の通り

一番悩んだのは変換系。
一番上のalt+0が結構悩んだ。
変換したい文章を選んでalt+0すると0pxなら0にするというものだが、前提として最初は0px 0px 0px 0pxにしてる、という形。
試行錯誤するのにpxがないと面倒なので作業中はpxありで作業して最後に0pxなら0にしたいし、0 0 0 0も不格好だから0が4つ並ぶ時は0一つにしたい。
そういう思いを形にするやつ。
変換内容は 0 0 0 0または 0px 0px 0px 0pxまたは 0px0にする、という命令文。
変換したあとは選択がなくなってカーソルが最後になるけど、本当は返還後もそのまま選択したままになってほしい。
でもどうしていいのかわからん。
あとワンアクションで下に続く全角から半角、半角の~を全角の〜に変換したいけどそれもどうやっていいのかわからんっていう・・・
 このあたりはミミカキエディタは簡単なのが用意されてたのにVScodeでは無いのは納得いかない。

ちなみに二つ目のzenkaku-hankaku.zenhanAlphaNumSymbolZenkaku-Hankakuというプラグインがないと動かないやつ。 [ { "key": "alt+0", "command": "editor.action.insertSnippet", "args": {"snippet": "${TM_SELECTED_TEXT/ 0 0 0 0| 0px 0px 0px 0px| 0px/ 0/g}" }, "when": "editorTextFocus || editorLangId == 'css' || editorLangId == 'less'" }, { "key": "alt+h", "command": "zenkaku-hankaku.zenhanAlphaNumSymbol", "args": {"snippet": "${TM_SELECTED_TEXT}" }, "when": "editorTextFocus || editorLangId == 'css' || editorLangId == 'less' || editorLangId == 'html'" }, { "key": "alt+-", "command": "editor.action.insertSnippet", "args": {"snippet": "${TM_SELECTED_TEXT/~/〜/g}" }, "when": "editorTextFocus || editorLangId == 'css' || editorLangId == 'less'" }, { "key": "ctrl+b", "command": "type", "args": { "text": "border: 1px solid #858a8e;" }, "when": "editorLangId == 'css' || editorLangId == 'less'" }, { "key": "ctrl+c", "command": "type", "args": { "text": "background-color: #b1d131;" }, "when": "editorTextFocus || editorLangId == 'css' || editorLangId == 'less'" }, { "key": "ctrl+m", "command": "type", "args": { "text": "margin: 0px 0px 0px 0px;\npadding: 0px 0px 0px 0px;" }, "when": "editorLangId == 'css' || editorLangId == 'less'" }, { "key": "ctrl+a", "command": "editor.action.insertSnippet", "args": {"snippet": "<a href=\"$1\">${TM_SELECTED_TEXT}</a>" }, "when": "editorTextFocus || editorLangId == 'html'" }, { "key": "ctrl+b", "command": "editor.action.insertSnippet", "args": {"snippet": "<strong>${TM_SELECTED_TEXT}</strong>" }, "when": "editorLangId == 'html'" }, { "key": "ctrl+d", "command": "editor.action.insertSnippet", "args": {"snippet": "<div class=\"$1\">${TM_SELECTED_TEXT}</div>" }, "when": "editorLangId == 'html'" }, { "key": "ctrl+l", "command": "editor.action.insertSnippet", "args": {"snippet": "<ul>\n<li></li>\n<li></li>\n<li></li>\n</ul>" }, "when": "editorLangId == 'html'" }, { "key": "ctrl+p", "command": "editor.action.insertSnippet", "args": {"snippet": "<p>${TM_SELECTED_TEXT}</p>" }, "when": "editorLangId == 'html'" }, { "key": "ctrl+r", "command": "editor.action.insertSnippet", "args": {"snippet": "<dl>\n<dt></dt>\n<dd></dd>\n</dl>" }, "when": "editorLangId == 'html'" }, { "key": "ctrl+s", "command": "editor.action.insertSnippet", "args": {"snippet": "<span class=\"$1\">${TM_SELECTED_TEXT}</span>" }, "when": "editorLangId == 'html'" }, { "key": "ctrl+u", "command": "editor.action.insertSnippet", "args": {"snippet": "<u>${TM_SELECTED_TEXT}</u>" }, "when": "editorLangId == 'html'" }, { "key": "ctrl+t", "command": "editor.action.insertSnippet", "args": {"snippet": "<table width=\"$1\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n\t<tr>\n\t\t<td> </td>\n\t</tr>\n</table>" }, "when": "editorLangId == 'html'" }, { "key": "shift+enter", "command": "editor.action.insertSnippet", "args": {"snippet": "<br>\n" }, "when": "editorTextFocus || editorLangId == 'html'" }, { "key": "shift+alt+f", "command": "-filesExplorer.findInFolder", "when": "explorerResourceIsFolder && explorerViewletVisible && filesExplorerFocus && !inputFocus" }, { "key": "shift+alt+f", "command": "-notebook.format", "when": "notebookEditable && !editorTextFocus && activeEditor == 'workbench.editor.notebook'" }, { "key": "shift+alt+f", "command": "-editor.action.formatDocument.none", "when": "editorTextFocus && !editorHasDocumentFormattingProvider && !editorReadonly" }, ]
サイトメニューを見る ページトップに戻る

Twitter Facebook mail