2021-11-12
初めて VSCode 拡張を作ってみました。
カーソル行の上下 5 行目をハイライトします。
5 行移動ショートカットを使うのでそのための拡張です。
Vim の弱点と 5 行移動について
./vim-move-5j-5k成果物
elzup/vscode-maai-cursor
https://github.com/elzup/vscode-maai-cursorオプション
- 行数の変更
- 5 行区切り全部ハイライト
簡単な開発の流れ
- マーケットプレイスアカウント作成
- npx yo code (with-typescript)
- コーディング
- npx vsce package
- npx vsce publish
初めて使ってみた学び
package.json で Config を定義する
マーケットプレイス のメタ情報だけでなく、定義する Config Param や Command 、 activationEvents なども package.json
で定義します。
座標系
x, y は それぞれ line, charactor を使います。
yo code で全部定義されていて快適
yeoman でジェネレートして開発します。
scripts
や .vscode/
から開発に必要なものが定義されてます。
参考にしたリポジトリ
Decorator の拡張を参考にしました。
oderwat/vscode-indent-rainbow
https://github.com/oderwat/vscode-indent-rainbowCoenraadS/BracketPair
https://github.com/CoenraadS/BracketPairvscode-extension-samples/decorator-sample
https://github.com/microsoft/vscode-extension-samples/tree/main/decorator-sample