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

推薦する

Tomcatの全体構造の簡単な紹介

Tomcat は Web コンテナとして広く知られています。Java を学び始めたときから現在の仕事...

MySQLトリガーの概念、原理、使用法の詳細な説明

この記事では、例を使用して、MySQL トリガーの概念、原則、および使用方法を説明します。ご参考まで...

Navicat を使用してリモート Linux MySQL データベースに接続するときに発生する 10061 不明エラーの詳細な説明

Navicat を使用してリモート Linux MySQL データベースに接続すると、不明なエラー ...

MySQL 変数宣言とストアド プロシージャの分析

変数の宣言グローバル変数の設定@a='新しい変数' を設定します。関数やストアドプロ...

MySQLデータベースをアンインストールするための完全な手順

MySQLデータベースを完全にアンインストールするプロセスは次のとおりです。 1. MySQLサービ...

Docker イメージのデフォルトの保存場所を変更する方法 (ソリューション)

システムの初期のパーティション分割により、オペレーティング システム内の対応する / パーティション...

uniappがインターフェースドメイン名を動的に取得する方法を分析する

背景インターフェイス ドメイン名はハードコードされておらず、動的に取得されます。具体的な実装は、静的...

モバイルウェブサイトの開発に関するいくつかの結論

ウェブサイトのモバイル版には、少なくともいくつかの基本機能が必要です。 1. ページの適用性の問題:...

Vue スクロールダウンしてさらにデータを読み込む スクロールケースの詳細な説明

vue-無限スクロールインストール npm インストール vue-infinite-scroll -...

HTML 左、中央、右の適応レイアウト (calc css 式を使用)

最新の HTML 標準には、レイアウトを計算するために使用できる calc CSS 式があります。し...

MySQL 5.7 における基本的な JSON 操作ガイド

序文プロジェクトのニーズにより、ストレージ フィールドは JSON 形式で保存されます。プロジェクト...

複数の例で HTML フォームを使用する方法

参考までに、HTMLフォームの使い方を9つの簡単な例で分析します。具体的な内容は次のとおりです。 1...

nginx をコンパイルしてインストールした後、スムーズに nginx をアップグレードする方法

nginx をコンパイルしてインストールし、一定期間使用した後、現在のバージョンに脆弱性があることや...

Linux で MongoDB のリモート自動バックアップを実装する方法

序文古いプロジェクトを引き継ぐ苦労 - MongoDB クラスターの学習と構築に関する前回の記事を読...

mysql は sql ファイルを実行し、エラーを報告します エラー: 不明なストレージ エンジン 'InnoDB' ソリューション

問題を見つける最近、仕事で問題が発生しました。InnoDB タイプの SQL ファイルを実行すると、...