VSCode の JS フォーマットでセミコロンを自動的に追加または削除する方法について

VSCode の JS フォーマットでセミコロンを自動的に追加または削除する方法について

導入

js コード文の末尾にセミコロンを追加しても追加しなくても問題ありません。一般的に、チームで開発する場合、セミコロンを追加するかどうかの統一された標準が必要です。ただし、セミコロンを追加することを覚えている場合もあれば、追加することを忘れる場合もあります。これにより、コードの一部にセミコロンが含まれ、一部に含まれないことになり、乱雑になります。この問題を解決するには、フォーマッタを使用して、文末のセミコロンを自動的に追加または削除することができます。

具体的な操作方法は、まず js コードをいくつか入力し、それを使用して効果を確認することです。多数のプラグインをダウンロードし、多数の js フォーマッタがある場合は、デフォルトのフォーマッタを構成する必要があります。

画像の説明を追加してください

デフォルトフォーマッタの設定を選択

画像の説明を追加してください

VSCodeに付属するjsフォーマッタを選択します

画像の説明を追加してください

設定を開く

画像の説明を追加してください

設定jsonファイルを開く

画像の説明を追加してください

javascript.format.semicolonsプロパティを追加する

この属性には 3 つの値があります。

最初のタイプはignore

"javascript.format.semicolons": "無視",

これはこのプロパティのデフォルト値です。フォーマット時にセミコロンを削除したり追加したりしないでください。何が起きても問題ありません。設定がない場合と同じです。ここでは説明しません。

2番目のinsert

"javascript.format.semicolons": "挿入",

書式設定時に、文末にセミコロンを追加します。効果は次のようになります。

画像の説明を追加してください

3番目のタイプremove

"javascript.format.semicolons": "削除",

書式設定時に文末にセミコロンは追加されず、効果は次のようになります。

画像の説明を追加してください

その他のコード フォーマット関連の設定が必要な場合は、コメント エリアでプライベート メッセージを送信してください。今後、フォーマット設定に関する記事をいくつか書くかもしれません。

VSCode 形式の JS でセミコロンを自動的に追加または削除する方法についての記事はこれで終わりです。VSCode 形式の JS の詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • vscode の Prettier プラグインを使用してコードを使用して構成をフォーマットする方法の詳細な説明
  • VSCode のインデントされたコードのフォーマットの実装
  • VScode フォーマット ESlint メソッド (最も完全かつ最良の方法)
  • Vue-cli Eslint コードの自動フォーマット方法 (vscode)
  • vscodeがvueをフォーマットするときにセミコロンと二重引用符を自動的に追加する問題を解決します

<<:  Dockerはコンテナ外のコンテナ内でコマンドを実行します

>>:  HTML Webページの例を使用してヘッドエリアコードの意味を説明する

推薦する

ローカルでビルドした Docker イメージを Dockerhub に公開する方法

今日は、ローカルの Docker プロジェクト イメージを dockerhub に公開する方法を紹介...

シンプルな広告ウィンドウを実現するjs

この記事では、参考までに、シンプルな広告ウィンドウを実装するためのjsの具体的なコードを紹介します。...

CSS でベジェ曲線の実装を反転する方法

まずは、以前書いた CSS カルーセルアニメーション効果を見てみましょう。アニメーションの遷移をスム...

Docker デプロイメントサービスの落とし穴を登る過程の詳細

初めて書きます。自己紹介させてください...みなさんこんにちは。私はジャスミンです。なぜジャスミンと...

DIVのぼかし機能を実装する方法

マウスを動かしたときにDIVが消えるように手ぶれ補正を使用するdiv タグ自体は onblur イベ...

React と Threejs を使用して VR パノラマ プロジェクトを作成する詳細なプロセス

最近、 Three.jsでReactを使用して、720 度のパノラマ写真を閲覧できるプロジェクトを構...

Typescriptを使用してWeChatミニプログラムを開発するための詳細な手順

Typescript の利点については詳しく説明する必要はありません。ご興味があれば、(https:...

Vue の計算プロパティとリスナーの使用の概要

1. 計算プロパティとリスナー1.1 計算プロパティ <!DOCTYPE html> &...

MySQLがデータの削除を推奨しない理由

目次序文InnoDB ストレージ アーキテクチャInnodb テーブルスペースインドストレージディス...

ソフトウェア 404 と 404 エラーとは何か、またそれらの違いは何ですか

まず、404 とソフト 404 とは何でしょうか? 404: 簡単に言えば、ユーザーが存在しないペー...

JavaScript プリミティブデータ型シンボルの詳細な説明

目次導入説明名前の競合私有財産要約する導入シンボル変数を作成する最も簡単な方法は、Symbol() ...

CSSアニメーションを途中で止めて姿勢を維持する方法

序文かつて、難しい問題に遭遇しました。タワークレーンからスイングハウスを落下させる必要がありましたが...

CSS3 回転キューブ問題の詳細な説明

3D座標の概念要素が回転すると、その座標軸も一緒に回転します。注 -y方向の問題立方体を回転させる効...

テーブルはセルとimg画像を結合してtd HTML全体を埋めます

ソースコード(一部のクラスは削除されています):コードをコピーコードは次のとおりです。 <テー...

Vueで背景色と透明度を設定する方法

背景色と透明度の設定上記のように、最初の画像の場合は、灰色の背景と左上隅に白い「カバー」という文字を...