About VSCode formatting JS automatically adding or removing semicolons

About VSCode formatting JS automatically adding or removing semicolons

introduction

It is okay to add or not add a semicolon at the end of a js code sentence. Generally, when developing a team, a unified standard is required, either adding a semicolon or not. However, sometimes we can remember to add a semicolon, and sometimes we can't remember to add it. This will cause some of our codes to have semicolons and some not, which will be messy. To solve this problem, we can use a formatter to help us automatically add or remove semicolons at the end of sentences.

The specific operation method is to type some js code first, and then use it to see the effect. If you have downloaded a lot of plug-ins and have a bunch of js formatters, then you need to configure the default formatter.

Please add a description of the image

Select Configure Default Formatter

Please add a description of the image

Select the js formatter that comes with VSCode

Please add a description of the image

Open Settings

Please add a description of the image

Open the settings json file

Please add a description of the image

Add a javascript.format.semicolons property

This attribute has three values.

The first type ignore

"javascript.format.semicolons": "ignore",

This is the default value of this property. When formatting, do not delete or add semicolons. It does not matter what happens. It is the same as when there is no configuration. I will not demonstrate it.

The second insert

"javascript.format.semicolons": "insert",

When formatting, add a semicolon at the end of the sentence, the effect is as follows:

Please add a description of the image

The third type remove

"javascript.format.semicolons": "remove",

When formatting, no semicolon is added at the end of the sentence, and the effect is as follows:

Please add a description of the image

If you need other code formatting related configurations, you can send me a private message in the comment area. I may write a few more articles about formatting configuration in the future.

This is the end of this article about how to automatically add or remove semicolons in VSCode formatted JS. For more information about VSCode formatted JS, please search for previous articles on 123WORDPRESS.COM or continue to browse the following related articles. I hope you will support 123WORDPRESS.COM in the future!

You may also be interested in:
  • Detailed explanation of using code to format configuration using the Prettier plugin in vscode
  • Implementation of VSCode formatting indented code
  • VScode formatting ESlint method (the most complete and best method)
  • Vue-cli Eslint code automatic formatting method in vscode
  • Solve the problem that vscode will automatically add semicolons and double quotes when formatting vue

<<:  Docker executes a command in a container outside the container

>>:  Using HTML web page examples to explain the meaning of the head area code

Recommend

Two ways to reset the root password of MySQL database using lnmp

The first method: Use Junge's one-click scrip...

What does mysql database do

MySQL is a relational database management system ...

MySQL multi-instance configuration application scenario

Table of contents MySQL multiple instances Multi-...

Detailed tutorial on installing and using Kong API Gateway with Docker

1 Introduction Kong is not a simple product. The ...

JavaScript article will show you how to play with web forms

1. Introduction Earlier we introduced the rapid d...

Detailed explanation of HTML area tag

The <area> tag defines an area in an image ...

Solve the problem of Mac Docker x509 certificate

question Recently I needed to log in to a private...

How to use Antd's Form component in React to implement form functions

1. Construction components 1. A form must contain...

Summary of Linux command methods to view used commands

There are many commands used in the system, so ho...

Create a screen recording function with JS

OBS studio is cool, but JavaScript is cooler. Now...

Introduction to fourteen cases of SQL database

Data Sheet /* Navicat SQLite Data Transfer Source...

30 minutes to give you a comprehensive understanding of React Hooks

Table of contents Overview 1. useState 1.1 Three ...

Detailed explanation of Strict mode in JavaScript

Table of contents Introduction Using Strict mode ...

Detailed explanation of the relationship between React and Redux

Table of contents 1. The relationship between red...