# Visual Studio Codeで連番を入力する拡張機能「vscode-input-sequence」

URL: https://webrandum.net/vscode-plugin-input-sequence/
公開日: 2022-10-21
更新日: 2022-10-21
カテゴリー: コーディング
タグ: Visual Studio Code, Visual Studio Codeプラグイン
出典: Webrandum（著者: サイトウ マサカズ）

Visual Studio Codeで連番を入力したいときがありました。

HTMLであればEmmetを使ってclass名などを連番にできますが、例えばスタブ用のJSONで要素を増やすためにコピペをして、値部分に連番を追加したいときには使えません。

[Emmetで複数のタグを一括展開して、コーディングスピードをさらに上げる方法](https://webrandum.net/emmet-multiple-tag)

今回紹介する拡張機能の「vscode-input-sequence」を使えば、連番の入力ができます。

## vscode-input-sequence

![vscode-input-sequence](https://webrandum.net/mskz/wp-content/uploads/2022/10/image_1-10.png)

[vscode-input-sequence - Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=tomoki1207.vscode-input-sequence)

vscode-input-sequenceはマルチカーソル機能を使ってカーソルを置いた状態で、ショートカットキーで開けるパネルで連番用の入力をすると、それに従って連番が入力されます。

## 連番の入力方法

まずは連番を入力したい場所にマルチカーソルを置きます。

単語を選択してshift + command + Lを押せば、選択している単語すべてがファイル上で選択されるので、とりあえずそれだけ覚えておいて問題ありません。

マルチカーソル機能に関しては過去に記事にしているので、他の選択方法も知りたい場合はそちらをぜひご覧ください。

[Visual Studio Codeのマルチカーソル機能で文字操作を一括で行う](https://webrandum.net/vscode-multiple-cursors)

![マルチカーソルでの選択](https://webrandum.net/mskz/wp-content/uploads/2022/10/image_2-9.png)

カーソルが置けたら、option + command + 0を押してパネルを表示します。

![vscode-input-sequenceのパネル表示](https://webrandum.net/mskz/wp-content/uploads/2022/10/image_3-7.png)

最後に連番を作成するための構文を入力してenterを押せば入力されます。

![連番の構文入力](https://webrandum.net/mskz/wp-content/uploads/2022/10/image_4-5.png)

連番の構文は下記のような構造になっています。

```
<start> <operator> <step> : <digit> : <radix>
<開始値> <演算子> <増減値> : <桁数> : <基数>
```

開始値以外は省略可能で単に「0」と入力すると、0から開始する連番になります。

10から1ずつカウントダウンしたい場合は「10 – 1」と入力すればOKですし、0から2ずつ増やしたい場合は「10 + 2」のようにします。

### 細かい構文ルール

その他細かいルールとして、連番の桁数や基数まで指定できます。

そこまで複雑なルールはないので、すぐ使いこなせるようになると思いますし、パネルにも構造がプレースホルダーとして表示されるので、忘れてもすぐ思い出せそうです。

| キー | デフォルト | 内容 |
| --- | --- | --- |

| start | “” | 整数を入力し始める番号を指定する |
| --- | --- | --- |

| operator | + | 「+」または「-」連番の生成規則を指定する（++や–も指定可能） |
| --- | --- | --- |

| step | 1 | 加算または減算する数を指定する |
| --- | --- | --- |

| digit | 0 | 連番の桁数を指定する |
| --- | --- | --- |

| radix | 10 | 基数を表す2〜36の数字を指定する |
| --- | --- | --- |