Frontend Development Pack

Snippets

• Angular 8 Snippets - 242 Angular Snippets (TypeScript, Html, Angular Material, Flex Layout, ngRx, RxJS, PWA & Testing)
• JavaScript ES6 Code Snippets - Code snippets for JavaScript in ES6 syntax

Javascript / Node.JS

• Angular Schematics - Angular schematics (CLI commands) from files Explorer or Command Palette.
• Debugger from Chrome - A VS Code extension to debug your JavaScript code in the Google Chrome browser, or other targets that support the Chrome DevTools Protocol.
• Import Cost - Display import/require package size in the editor
• npm - npm support for VS Code
• npm Intellisense - Visual Studio Code plugin that autocompletes npm modules in import statements.
• Path Intellisense - Visual Studio Code plugin that autocompletes filenames

HTML

• Auto Close Tag - Auto rename paired HTML/XML tag
• Auto Rename Tab - Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text
• Highligh Matching Tag - Highlights matching closing or opening tag

CSS

• IntelliSense for CSS class names in HTML - CSS class name completion for the HTML class attribute based on the definitions found in your workspace.
• CSS Peek - Allow peeking to css ID and class strings as definitions from html files to respective CSS. Allows peek and goto definition.

Project Management

• Bookmarks - Mark lines and jump to them
• GitLens - Supercharge the Git capabilities built into Visual Studio Code
• Indent Rainbow - Makes indentation easier to read
• Project Manager - Easily switch between projects
• Settings Sync - Synchronize Settings, Snippets, Themes, File Icons, Launch, Keybindings, Workspaces and Extensions Across Multiple Machines Using GitHub Gist.
• TODO Tree - Show TODO, FIXME, etc. comment tags in a tree view.
• Webpack - Create Webpack Config with ES6 transpiling using babel

Code Standards

• Better Comments - Improve your code commenting by annotating with alert, informational, TODOs, and more!
• ESLint - Integrates ESLint JavaScript into VS Code.
• Prettier - VS Code plugin for prettier/prettier
• TSLint - TSLint support for Visual Studio Code

Other

• Image Preview - Shows image preview in the gutter and on hover
• Regex Previewer - Regex matches previewer for JavaScript, TypeScript, PHP and Haxe
• SVG Viewer - SVG Viewer for Visual Studio Code.