# Visual Studio Codeで英単語のスペルチェックをしてくれる拡張機能「Code Spell Checker」

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

コーディングをしているとき、たまに英単語のスペルミスをしていて、その影響で反映されていないことがあります。

実際に昔経験したことですが、「class」を「clsas」と打ち間違えていて、全然スタイルが反映されずにCSSファイルの読み込みやキャッシュなどいろいろ探って、結局スペルミスだった……なんてことがありました。

こうしたムダな時間を過ごさないためにも、英単語のスペルミスがないかチェックしてくれていると助かります。

今回はVisual Studio Code上で英単語のスペルチェックをしてくれる拡張機能の「Code Spell Checker」についてまとめておきます。

## Code Spell Checker

![Code Spell Checker](https://webrandum.net/mskz/wp-content/uploads/2022/07/image_1-9.png)

[![](https://www.google.com/s2/favicons?domain=marketplace.visualstudio.com)marketplace.visualstudio.com![](//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/7a99e31a61e182da1377909722b988a45e7a210dd034bf081cefe84524b2a6fe.webp)Code Spell Checker - Visual Studio Marketplacehttps://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checkerExtension for Visual Studio Code - Spelling checker for source code](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker)

Code Spell Checkerをインストールすると、コード内でタイプミスをしている場所に波線が引かれます。

文字が目立つようになるので、スペルミスに気づきやすくなります。

## 基本的な使い方

インストール後は、自動でスペルミス時に波線が引かれます。

![スペルミスの確認](https://webrandum.net/mskz/wp-content/uploads/2022/07/image_2-8.png)

## 設定の変更

### ホワイトリストの追加

デフォルトのままだと、ローマ字を使っていたり、製品・サービス名などが造語の場合にも波線が引かれてしまいます。

波線が引かれてあるとややこしいので、そのような場合はホワイトリストに単語を登録することで無視できます。

`settings.json`で設定する場合は「”cSpell.userWords”」に配列を追加し、その中にホワイトリストに登録したい単語を記載します。

もしくは、Visual Studio Codeメニューバーの［Code］→［基本設定］→［設定（command + ,）］を選択して設定画面を開いたあと、「C Spell: User Words」の「項目の追加」をクリックします。

![](https://webrandum.net/mskz/wp-content/uploads/2022/07/image_3-3.png)

入力欄が表示されるので、ここで追加したい単語を入力して「OK」をクリックしても`settings.json`に追加されます。

![](https://webrandum.net/mskz/wp-content/uploads/2022/07/image_4-3.png)

他にも、ファイル内でテキストを選択し、右クリックメニューから「Add Words to User Settings」でも`settings.json`に追加されます。

### ワークスペース内でのホワイトリストの追加

ファイル内でテキストを選択し、右クリックメニューから「Add Words to Workspace Settings」を選択すると、ワークスペース内の`settings.json`に追加されます。

これでプロジェクト固有の単語をホワイトリストに追加できますし、この`settings.json`を共有してメンバーがCode Spell Checkerを使っていれば、全員プロジェクト固有の単語は無視されるようになります。