brackets not autocompleting in js file in vscode

Brackets not autocompleting in js file in vscode#

If you are a web developer, you might have faced a situation where brackets or parentheses are not autocompleting in js file in vscode. This can be a frustrating experience as it affects your productivity and slows down the development process. I have also faced this issue and found a few ways to fix it.

1. Check Your Settings#

The first thing you should check is your vscode settings. Make sure that your "editor.autoClosingBrackets" and "editor.autoClosingQuotes" settings are set to "on".

"editor.autoClosingBrackets": "always",
"editor.autoClosingQuotes": "always",

If these settings are off, you can turn them on by going to File > Preferences > Settings and searching for "auto closing brackets".

2. Check Your Extensions#

If the above solution does not work, you can check your vscode extensions. Some extensions can interfere with the editor's autocompletion functionality. You can disable your extensions one by one to check which one is causing the issue. To disable an extension, go to the Extensions view (Ctrl + Shift + X) and click on the gear icon next to the extension. Then, select "Disable".

3. Update VSCode#

If neither of the above solutions work, try updating vscode to the latest version. The latest version has bug fixes and improvements that might solve your issue.

4. Use Bracket Pair Colorizer Extension#

If you are still facing issues with bracket autocompletion, you can install the Bracket Pair Colorizer extension. This extension colorizes paired brackets in different colors, making it easier to identify them. This can help you avoid missing brackets in your code.

Conclusion#

These are some of the solutions that might help you if brackets are not autocompleting in js files in vscode. Try these solutions one by one and see which one works for you. If none of the above solutions work, you can try resetting your vscode settings to default. You can do this by going to File > Preferences > Settings and clicking on the curly braces icon in the top right corner of the window.