vscode の拡張を作ってみる / Developing vscode extension

忘れそうなのでメモ

Install

Create new extension template

  • enter extension name: New Extension Name
  • suggest: new-extension-name
  • select: npm

Try run

  • F5
  • Ctrl+Shift+P Hello World

Install vsce tool

Create vsix package

or

See

  • https://qiita.com/sfp_waterwalker/items/b2cbdbe1119ea46ab25e
  • https://code.visualstudio.com/api/working-with-extensions/publishing-extension#publishing-extensions
  • https://code.visualstudio.com/api/get-started/your-first-extension
  • https://qiita.com/deerboy/items/f035b9044edf9a51aff7

で、GitHub へ入れてみる

GitHub and vscode

暗号鍵の作成 / Create encryption key

GitHub へ公開鍵を設定 / Set public key to GitHub

Login GitHub
Settings > SSH and GPG keys > New SSH key

~/.gitconfig

~/.ssh/config

接続試験 / Connection test

開発ディレクトリーへ移動して、

GitHub の remote 先を設定 / Set remote destination of GitHub

GitHub の remote 先を変更する場合 / Change remote destination of GitHub

設定ファイルの確認 / Check the configuration file

~/data/nodejs/vscode-extensions/new-extension-name/.git/config:

vscode

  1. Source Control > Sync
  2. github website opens, showing the connection code
  3. copy connection code
  4. return to vscode
  5. click status bar github information
  6. paste connection code
  7. enter username and password

finished.

vscode の動作がおかしいので…

しばらく前から vscode の動作がおかしいので、

設定.json を空にしたりしても直らない

~/.config/Code をバックアップした後に削除し

下記の2つのファイルを戻したところ

  • ~/.config/Code/User/keybindings.json
  • ~/.config/Code/User/settings.json

動作は直ったが何か今までと画面の様子が違う…新しくなった感?…まぁいいか…

手動バージョンアップで *.deb を展開して code の中だけ入れ替えてたせいかもわからん

設定はここ ~/.config/Code にあるメモ

vscode で矩形選択/コピー/ペースト / Rectangle selection / copy / paste with vscode for linux

毎度忘れるのでメモ

まず、デスクトップ環境のキーボード・ショートカットを(使っていない&操作を奪われるので)削除

設定 > キーボード・ショートカット

そして、vscode のキーボード・ショートカットを設定: cursorColumnSelect

矩形ペーストは、矩形コピーした直後のIカーソルが複数表示されている状態で貼り付けすればよい

参考

  • https://www.atmarkit.co.jp/ait/articles/1805/11/news022.html

Visual Studio Code で スクロールバー上の infor の色が明るすぎて他のマークが識別しづらいので色を変えてみる / In Visual Studio Code, the infor color on the scroll bar is too bright and other marks are difficult to identify, so try changing the color

vscode 1.37.1

本当にやりたかったのは Code Spell Checker 1.7.18 の結果をスクロールバーに表示したくなかったのです。水色のドットが沢山表示されて他が見えづらくなるのです。

settings.json を眺める限りでは、拡張機能自身に「スクロールバーに表示するinfor」/「非表示なinfor」等といった機能を実装するのは難しそうな感じです。

その他の対応方法としては、やたらめったら単語登録するとか、infor の最大件数を10個とかにしてしまうとか?かな?

Code Spell Checker for Visual Studio Code で日本語に緑の波線がついて気になるのでとりあえず設定してみる

全角英数も追加, 7 Apr 2018