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

推薦する

SASSで変数のデフォルト値を使用する方法

SASS で定義された変数では、後で設定された値によって古い値が上書きされます。 $色: 赤; $色...

MySQL でコミットされていないトランザクションを見つけるための SQL の例の簡単な分析

以前、「MySQL でコミットされていないトランザクション情報を検索する方法」というタイトルのブログ...

Vue2.x および Vue3.x のカスタム命令の使用方法とフック関数の原理を理解する

目次Vue2.x の使用法グローバル登録部分登録使用フック機能フック関数のパラメータVue3.x の...

Hadoop 3.2.0 クラスターの構築に関する一般的な考慮事項

1つのポートの変更バージョン 3.2.0 では、ネームノード ページ ポートは 9870、データノー...

Docker コンテナ ソース コードのデプロイ httpd ストレージ ボリュームを使用して Web サイトをデプロイする (推奨)

目次Dockerコンテナのソースコードを使用してhttpdをデプロイし、ストレージボリュームを使用し...

XMLとCSSスタイルの組み合わせ

学生.xml <?xml バージョン="1.0" エンコーディング=&qu...

JavaScript のマイクロタスクとマクロタスクの説明

序文: js はシングルスレッド言語なので、非同期にすることは不可能です。しかし、js のホスト環境...

jQuery で従業員管理登録ページを実装する

この記事では、従業員管理登録ページを実装するためのjQueryの具体的なコードを例として紹介します。...

MySQL 5.7.17 winx64 のインストールと設定のチュートリアル

今日、MySQL データベースをコンピューターに再度インストールしました。システムを再インストールす...

新しい CSS :where および :is 疑似クラス関数とは何ですか?

:is と :where とは何ですか? :is()と:where()は、セレクターを作成するとき...

Windows での MySQL 8.0.16 のインストールと設定方法のグラフィック チュートリアル

この記事は、参考のためにMySQL 8.0.16のインストールグラフィックチュートリアルを記録してい...

Reactコンポーネントのライフサイクル機能についての簡単な説明

React コンポーネントのライフサイクル機能とは何ですか?ライフサイクル関数は、ES6 構文クラス...

Linux ホスト名設定の詳細な紹介

目次1. Linuxホスト名を設定するクライアントホストを構成するサーバーホストを構成する2. ホス...