Scribd
Upload
4 views

JavaScriptextensionsforVSCode_1740527113516

The document provides information on JavaScript and Node.js development features in Visual Studio Code (VS Code), highlighting core functionalities and the availability of various extensions. It suggests ways to find and install recommended extensions such as ESLint, SonarLint, JavaScript (ES6) code snippets, and npm IntelliSense to enhance development. Users can search for extensions in the Extension view or the Marketplace to improve their coding experience.

Uploaded by

christianmuwa42
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
4 views

JavaScriptextensionsforVSCode_1740527113516

The document provides information on JavaScript and Node.js development features in Visual Studio Code (VS Code), highlighting core functionalities and the availability of various extensions. It suggests ways to find and install recommended extensions such as ESLint, SonarLint, JavaScript (ES6) code snippets, and npm IntelliSense to enhance development. Users can search for extensions in the Extension view or the Marketplace to improve their coding experience.

Uploaded by

christianmuwa42
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

🚀 Get GitHub Copilot Free (https://aka.ms/vscode-activatecopilotfree) in VS Code!

TOPICS Extensions

IN THIS ARTICLE

Edit (https://vscode.dev/github/microsoft/vscode-docs/blob/main/docs/nodejs/extensions.md) Finding extensions

Recommended extensions

JavaScript extensions for VS Code Subscribe(/feed.xml)


Ask
(https://stackoverflow.com/que
questions
Visual Studio Code supports many features for JavaScript and Node.js development. The features that
Follow (https://go.microsoft.com/fwlink/
ship with the downloaded product are the core features: debugging, IntelliSense, code navigation, etc.
@codeLinkID=533687)

In addition, to these core features, you can install a large number of quality extensions to add features to Request(https://go.microsoft.com/fwlink
featuresLinkID=533482)
VS Code for JavaScript development.
Report
(https://www.github.com/Microso
issues
Tip: To see how to install and manage your extensions, please refer to the extension documentation
Watch
(/docs/editor/extension-marketplace). (https://www.youtube.com/channel/U
videos

Finding extensions

You can find JavaScript extensions by typing JavaScript in the Extension view search bar.
Alternatively, you can find JavaScript extensions using tags: "tag:javascript". Search for more extensions
in VS Code or in the Marketplace (https://marketplace.visualstudio.com/vscode).

In addition you can search for Node.js extensions.

Tip: The extensions shown above are dynamically queried. Click on an extension tile above to read the
description and reviews to decide which extension is best for you. See more in the Marketplace
(https://marketplace.visualstudio.com/vscode).

Recommended extensions

If you are just getting started, here are the extensions we recommend trying out.

ESLint
Marketplace - ESLint (https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)

Publisher - Microsoft (https://marketplace.visualstudio.com/publishers/Microsoft)

Easily integrate ESLint (https://eslint.org/) into your project. If ESLint isn't your favorite linter, choose
among a variety of other linter extensions, including JSHint
(https://marketplace.visualstudio.com/items?itemName=dbaeumer.jshint), JSCS
(https://marketplace.visualstudio.com/items?itemName=ms-vscode.jscs), and JS Standard
(https://marketplace.visualstudio.com/items?itemName=chenxsan.vscode-standardjs).

Read more about setting up JavaScript linters in the VS Code documentation


(/docs/languages/javascript#_linters).
SonarLint
Marketplace - SonarLint (https://marketplace.visualstudio.com/items?
itemName=SonarSource.sonarlint-vscode)

Publisher - SonarSource (https://marketplace.visualstudio.com/publishers/SonarSource)

SonarLint helps you find and fix bugs and security issues as you code. The extension runs in the
background and, just like a spell checker, highlights coding issues. SonarLint not only tells you what the
issue is but also provides in-context guidance on why an issue is harmful and how to fix it, with related
examples. The extension supports 200+ JS/TS rules (https://rules.sonarsource.com/javascript) and
includes several Quick Fixes (https://rules.sonarsource.com/javascript/quickfix) to automatically handle
your coding issues.

Search for 'SonarLint' in the VS Code Marketplace and install. No configuration is required. You can start
with a default profile that fits most users and customize it based on your specific needs.

JavaScript (ES6) code snippets


Marketplace - JavaScript (ES6) code snippets (https://marketplace.visualstudio.com/items?
itemName=xabikos.JavaScriptSnippets)

Publisher - charalampos karypidis (https://marketplace.visualstudio.com/search?


term=publisher%3A%22charalampos%20karypidis%22&target=VSCode)

VS Code comes with many built-in code snippets. The JavaScript (ES6) code snippets extension adds
snippets for ES6 (ECMAScript 6) syntax. Here is a small sampling of the snippets provided by this
extension. See the extension's README (https://marketplace.visualstudio.com/items?
itemName=xabikos.JavaScriptSnippets) to see the dozens of snippets this pack gives you.
You can read more about JavaScript snippets in the VS Code documentation
(/docs/languages/javascript#_snippets). For additional snippet packs, including Angular 1
(https://marketplace.visualstudio.com/items?itemName=johnpapa.Angular1), Angular 2
(https://marketplace.visualstudio.com/items?itemName=johnpapa.Angular2), Bootstrap 3
(https://marketplace.visualstudio.com/items?itemName=wcwhitehead.bootstrap-3-snippets), ReactJs
(https://marketplace.visualstudio.com/items?itemName=xabikos.ReactSnippets), and jQuery
(https://marketplace.visualstudio.com/items?itemName=donjayamanne.jquerysnippets), check out the
Marketplace's Snippets category (https://marketplace.visualstudio.com/vscode/Snippets?
sortBy=Installs).

npm IntelliSense
Marketplace - npm IntelliSense (https://marketplace.visualstudio.com/items?itemName=christian-
kohler.npm-intellisense)

Publisher - Christian Kohler (https://marketplace.visualstudio.com/search?


term=publisher%3A%22Christian%20Kohler%22&target=VSCode)

This extension provides IntelliSense for npm modules when using import or require .

Was this documentation helpful?

Yes No

02/06/2025
(https://www.microsoft.com)

(https://go.microsoft.com/fwlink/?LinkID=533687)

(https://github.com/microsoft/vscode) (https://www.youtube.com/@code)

Support (https://support.serviceshub.microsoft.com/supportforbusiness/create?sapId=d66407ed-3967-b000-4cfb-2c318cad363d)
Privacy (https://go.microsoft.com/fwlink/?LinkId=521839) Terms of Use (https://www.microsoft.com/legal/terms-of-use) License (/License)

You might also like