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

推薦する

Vueバスの簡単な使い方

Vueバスの簡単な使い方シナリオの説明:コンポーネント A にはコンポーネント B と C が含まれ...

Dockerボリュームマウントの実装方法

最も単純な hello world 出力イメージを作成することは最も簡単なスタートですが、実行中のコ...

クールなページング効果を実現するネイティブJS

この記事では、次のような効果を持つ JS ページング効果の例を紹介します。クールだと思いませんか? ...

Linuxのテキスト処理コマンドsortの詳細な説明

テキストファイルの内容を並べ替える使用方法: ソート + オプション + ファイル名 (複数のファイ...

Navicat for MySQLのスケジュールされたデータベースバックアップとデータ復旧の詳細

データベースの変更または削除操作によってデータ エラーが発生したり、データベースがクラッシュしたりす...

MySQL で重複時間を削除して時間差を計算する実装

目次必要:ドライブ:アイデア:成し遂げる:個人的には、実際の開発ではストアド プロシージャの使用はお...

Vue Element フロントエンドアプリケーション開発 従来の Element インターフェースコンポーネント

目次1. リストインターフェースとその他のモジュールの表示処理2. 従来のインターフェースコンポーネ...

WeChatアプレットを使用して天井効果を実現する方法の例

目次1. 実装2. 問題点3. より良い実装方法があるかどうか検討する要約する背景は日付のタイトルで...

イメージのパッケージ化とワンクリック展開を実現するためにDockerを組み合わせたアイデア

1. サーバーにDockerをインストールする yumでdockerをインストール設定ファイルを変更...

フロントエンドインタビューに必要なホモロジーとクロスドメインの詳細な説明

序文ご存知のとおり、ブラウザの相同性戦略とクロスドメイン方式も、フロントエンド面接で頻繁に遭遇する問...

MySQLからClickHouseに移行する5つの方法

データ移行は、MySQL から ClickHouse にインポートする必要があります。概要プランは以...

HTML テーブルタグチュートリアル (19): 行タグ

<TR> タグの属性は、次の表に示すように、テーブル内の各行のプロパティを設定するために...

MySQL 5.6 ルートパスワード変更チュートリアル

1. MySQL 5.6をインストールした後、正常に有効化できないMySQL の圧縮バージョンは、解...

CSS3 3Dクールキューブ変形アニメーションの実装

私はコーディングが大好きです。コーディングすると幸せになります!みなさんこんにちは、Counterで...

グリッドはページのレイアウトプランです

<br /> 英語原文: http://desktoppub.about.com/od/...