Extensions

In order to install extensions for VS Code, you have two options:

1. First, you can visit the Visual Studio Marketplace and install extensions from there through the Install links, which will open up in VS Code (that is, vscode:// links):

1. Once you're on an extension's page, click on Install:

And if all goes well, VS Code should be opened and it should ask whether you would like to install the extension:

This approach is nice because it allows you to easily browse the catalog of extensions. As an alternative, you can use Ctrl + Shift + X (Windows and Linux) in order to install extensions directly from within VS Code:

Here's a small list of nice-to-have extensions (in no particular order). You will not need to have any of these for the purposes of this book, but they'll probably help you, should you decide to install them:

• Latest TypeScript and JavaScript Grammar: https://marketplace.visualstudio.com/items?itemName=ms-vscode.typescript-javascript-grammar
• Auto close tag: https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag
• Code Runner: https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner
• Debugger for Chrome: https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome
• TSLint: https://marketplace.visualstudio.com/items?itemName=eg2.tslint
• vs-code icons: https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons
• GitLens: https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
• Prettier: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
• npm: https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script
• npm intellisense: https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense
• TS hero: https://marketplace.visualstudio.com/items?itemName=rbbit.typescript-hero
• Import Cost: https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost
• TS Auto Import: https://marketplace.visualstudio.com/items?itemName=steoates.autoimport
• TypeScript Importer: https://marketplace.visualstudio.com/items?itemName=pmneo.tsimporter
• Paste JSON as code: https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype
• IntelliSense for CSS class names in HTML: https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion
• TODO Highlight: https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight
• Open in Browser: https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser
• Move TypeScript files and update relative imports: https://marketplace.visualstudio.com/items?itemName=stringham.move-ts
• EditorConfig for VS Code: https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig

You can find a ton more on the official Marketplace website: https://marketplace.visualstudio.com/vscode.