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ページの例を使用してヘッドエリアコードの意味を説明する

推薦する

CSS ラベルモード表示プロパティの詳細な説明

コードは次のようになります。 <!DOCTYPE html> <html> ...

Mysql 5.7.18 MySQL proxies_priv を使用して同様のユーザーグループ管理を実装する

MySQL proxies_priv(シミュレートされたロール)を使用して同様のユーザーグループ管理...

MySQL alter ignore構文の詳細な説明

今日仕事中に、ビジネス側から次のような質問をされました。テーブルがあり、一意のフィールドを追加する必...

MySQLはカバーインデックスを使用してテーブルリターンを回避し、クエリを最適化します。

序文カバーリング インデックスについて説明する前に、まずそのデータ構造である B+ ツリーを理解する...

Vue要素はテーブルの追加、削除、データの変更を実装します

この記事では、テーブル内のデータを追加、削除、変更するためのvue要素の具体的なコードを参考までに共...

よく使われる3つのMySQLデータ型

MySQL のデータ フィールドのタイプを定義することは、データベースを最適化するために非常に重要で...

count(1)、count(*)、count(列名)の実行の違いの詳細な説明

実施効果: 1. count(1) と count(*)テーブル内のデータ量が多い場合、テーブルを分...

透明な入力ボックスにアイコンを追加する HTML コード

最近、弁護士推薦のウェブサイトを作成していたのですが、検索ボックスに問題がありました。検索ボックス内...

WINDOWS での MYSQL のインストールに関する詳細なチュートリアル

1. インストールパッケージをダウンロードする- お使いのコンピュータシステムに応じて適切なバージョ...

ネイティブ js カスタム右クリック メニュー

この記事の例では、参考のためにjsカスタム右クリックメニューの具体的なコードを共有しています。具体的...

JavaScriptのアロー関数の特徴と通常の関数との違い

目次1. 矢印関数の使用1. 通常関数から矢印関数へ2. 中括弧を省略してリターンする3. 括弧を省...

JSは円形のプログレスバーのドラッグとスライドを実装します

この記事の例では、円形のプログレスバーのドラッグアンドスライドを実現するための具体的なJSコードを紹...

Linux でパスワードの有効期限を表示および設定する方法

適切な設定を行うことで、Linux ユーザーにパスワードを定期的に変更させることができます。パスワー...

ins タグと del タグの属性と使用法

insとdel は、HTML 4.0 で導入され、文書の作成時に作成者が共同作業できるようにし、また...