*222

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" }, ]

post_pages

デザイニングナスカはwebデザインなどのweb系、およびDMデザインなどの平面デザインを行っています。

安く、手早く、それなりに。をコンセプトとしてデザイン活動を行っています。
デザイニングナスカという言葉は創立時に多くの知り合いの方のアイデアを元に作った造語です。
この名前をずっと長く使えるように頑張っていきたいと思っています。
サイトメニューを見る ページトップに戻る

Twitter Facebook mail