あのぞんブログ

Vim の縦移動をレベルアップする VSCode 拡張を作ってみた

2021-11-12

初めて VSCode 拡張を作ってみました。
カーソル行の上下 5 行目をハイライトします。
5 行移動ショートカットを使うのでそのための拡張です。

成果物

maai-cursor

オプション

  • 行数の変更
  • 5 行区切り全部ハイライト

簡単な開発の流れ

  1. マーケットプレイスアカウント作成
  2. npx yo code (with-typescript)
  3. コーディング
  4. npx vsce package
  5. npx vsce publish

初めて使ってみた学び

package.json で Config を定義する

マーケットプレイス のメタ情報だけでなく、定義する Config Param や Command 、 activationEvents なども package.json で定義します。

座標系

x, y は それぞれ line, charactor を使います。

yo code で全部定義されていて快適

yeoman でジェネレートして開発します。 scripts.vscode/ から開発に必要なものが定義されてます。

参考にしたリポジトリ

Decorator の拡張を参考にしました。


© 2021 あのぞんびより All Rights Reserved