How to add semicolon to the end of the line in visual studio code?

In Visual Studio Code, there are two primary methods to automatically add semicolons at the end of lines: configuring editor settings or using extensions.

Method 1: Configure Editor Settings

1. Open Settings: You can open Settings by clicking the gear icon in the bottom-left corner and choosing 'Settings', or by pressing Ctrl + ,.

2. Modify Settings: In the search bar, enter save and locate the 'Format on Save' option, ensuring it is enabled. Next, in the search bar, enter format and select the 'Default Formatter' option, choosing 'Prettier - Code formatter' (ensure you have installed the Prettier extension first). Make sure your project's or global .prettierrc file is configured with "semi": true to automatically add semicolons at the end of lines.

3. Save the File: When you save a file, if your settings and formatter are properly configured, semicolons will be automatically added at the end of lines.

Method 2: Use Extensions

1. Install Extensions: In Visual Studio Code, open the Extensions view (click the square icon in the sidebar or use the Ctrl+Shift+X shortcut). Search for 'Prettier - Code formatter' and install it. Prettier is a widely used code formatter that supports multiple languages and enables custom configurations, such as automatically adding semicolons at the end of lines.

2. Configure Prettier: Create or modify the .prettierrc file in your project's root directory with the following configuration:

   json
   {
     "semi": true
   }

   With this configuration, Prettier will automatically add semicolons at the end of statements when formatting code.

3. Format Code with Shortcuts: You can format the current document by pressing Shift+Alt+F (or search for 'Format Document' in the Command Palette and select it). Ensure the formatter for the current file is set to Prettier.

By using either of these methods, you can easily set up and utilize code formatting tools in Visual Studio Code to automatically add semicolons at the end of lines, ensuring clean and consistent code.