ひとりでのアプリ開発 - fineの備忘録 -

ひとりでアプリ開発をするなかで起こったことや学んだことを書き溜めていきます

Visual Studio Code - Code Spell Checker:スペルミスを検出する拡張機能

始めに

 Visual Studio Code拡張機能である「Code Spell Checker」を紹介します。スペルミスをしている部分に下線が引かれ、スペルミスの検出が容易になります。\


対応言語

インストールの仕方

  1. 拡張機能(Extensions)タブを開く
  2. Code Spell Checker と検索する
  3. Install をクリックする

 下の画像の状態になったら、インストール完了です。

使い方

スペルミスの確認・修正

 スペルミスをすると、文字の下に波線が引かれます。

(導入前)

(導入後)

 波線が引かれた部分にカーソルを合わせると Quick Fix と表示されます。

 これをクリックすると、修正案を表示してくれます。

ホワイトリストに追加

 ローマ字や固有の単語をホワイトリストに登録することで、スペルミスの対象外にすることができます。

  1. 対象の単語を選択した状態で右クリックし、Spelling > Add Word to User Settings をクリック
  2. 波線が引かれた部分にカーソルを合わせ、Quick Fix をクリックする。その後、Add "〇〇" to user settings をクリックする
  3. setting.json に直接書き込む

 Add 〇〇 to User Settings をクリックし、登録したワードも自動で settings.json に記入されます。

ホワイトリストから削除

 誤って登録したワードを削除するには、settings.json を開き、直接削除します。

  1. 設定(settings)画面を開く

     file > Preferences > settings をクリックし、設定画面を開きます。(ショートカットWindows:「Ctrl」+「,」、Mac:「command」+「,」)

  2. 右上の Open Settins アイコンをクリック
  3. settings.json から直接削除する

最後に

 私自身、スペルミスを頻繁にするので、今後も使っていくと思います。