BLOG

  • Facebook
  • Twitter

スペルミスを防止するVSCodeの拡張機能を紹介

スペルミスを防止するVSCodeの拡張機能の紹介

こんにちは!福岡のホームページ制作会社、シンス株式会社です。

今回はVSCode(Visual Studio Code)のエディターを使っている方に向けて、スペルミスが一目で分かる拡張機能をご紹介したいと思います。

コードを書いている際にスペルミスを無くしたい、簡単にチェックできるようにしたいと思っている方は是非参考にしてみてください。

VSCodeの拡張機能「Code Spell Checker」のインストール方法

「Code Spell Checker」はVSCodeの拡張機能の1つであり、インストールするだけで英文のスペルにミスがないかチェックしてくれます。

この拡張機能は、VSCodeを開いて「拡張機能」から「Code Spell Checker」と検索し、インストールすることで使用できます。

image06-3.jpg (287.0 kB)

以下の公式サイトのリンクからもインストールできますのでクリックしてみてください。
Code Spell Checker

VSCodeの拡張機能「Code Spell Checker」の使い方

「Code Spell Checker」を実際に使用する方法をご紹介します。

例えば下記のように「hella」のように書いたとします。
するとスペルミスをした英文の下に青い波線が引かれて教えてくれます。

image01-2.jpg (153.4 kB)

また、左側に黄色いアイコンが出現していますが、そこにカーソルを合わせると上図のように「クイックフィックス機能」が起動します。
クイックフィックス機能では、修正後のスペルの候補がいくつか表示されます。

image02-2.jpg (223.8 kB)

ここで実際に書きたかった「hello」という文字を選択すると、下図のように「hello」と書き換えてくれます。

image04-2.jpg (136.7 kB)

このようにスペルミスのある英文をチェックしてくれて、クイックフィックス機能で修正していくのが「Code Spell Checker」の使い方になります。

スペルミスと判断されたくない単語を登録する

コーディングしている中でスペルミスと判断して欲しくない単語もあると思います。
その場合はスペルミスと判断されないよう登録することができます。

image07-2.jpg (159.8 kB)

左側に黄色いアイコンにカーソルを合わせた際、1番下の方に「Add: "単語" to user settings」という選択肢があります。
これをクリックすると、settings.jsonに以下のように自動で記述されます。

image08-2.jpg (159.2 kB)

上記の記述によって、VSCode内で”単語”の部分がスペルミスと判断されなくなります。

注意事項

「Add: "単語" to folder settings」や「Add: "単語" to workspace settings」を選択すると、現在作業している特定のフォルダやワークスペースでのみしかスペルミスと判断されなくなります。
また作業しているフォルダ内にsettings.jsonのファイルが生成されてしまうので、基本的には「Add: "単語" to user settings」を選択した方が良いです。

まとめ

コーディング作業をしている中でスペルミスにすぐ気がつけるのは便利ですよね。
スペルミスを無くしたいという方は是非VSCodeでこの拡張機能を使ってみてください。

最後に、シンス株式会社は福岡の中小企業を対象にホームページ制作をおこなっております。
興味がありましたら下記リンクより覗いてみてください。
https://since-inc.jp

ここまで読んで頂きありがとうございました!

その他のオススメの記事

ホームページ制作のことは何でもお気軽にご相談ください!

092-406-8630

平日10:00〜18:00セールス目的のお電話はご遠慮ください

シンス株式会社

Webマーケティングのお役立ち情報を発信しています!