Frontend development kit

development kit for front end devolopers. The pack addes feauters for Angular, React and Vue.js development.

Extensions Included in this pack

• Angular Material 2, Flex layout 1, Covalent 1 & Material icon snippets - Providers snippets Angular Material 2, Angular Flex layout 1, Teradata Covalent 1 & Material icons
• Rainbow Brackets - A rainbow brackets extension for VS Code.
• HTML Snippets - Full HTML tags including HTML5 Snippets
• Bookmarks - Mark lines and jump to them
• Project Manager - Easily switch between projects
• sort-imports - Sort ES6 imports automatically.
• Angular Language Service - Editor services for Angular templates
• AngularDoc for Visual Studio Code - Angular development tooling
• npm Intellisense - Visual Studio Code plugin that autocompletes npm modules in import statements
• Path Intellisense - Visual Studio Code plugin that autocompletes filenames
• Regex Previewer - Regex matches previewer for JavaScript, TypeScript, PHP and Haxe in Visual Studio Code.
• gitignore - Language support for .gitignore files. Lets you pull .gitignore files from the https://github.com/github/gitignore repository.
• Bracket Pair Colorizer - A customizable extension for colorizing matching brackets
• Bracket Pair Colorizer 2 - A customizable extension for colorizing matching brackets
• SVG Viewer - SVG Viewer for Visual Studio Code.
• Angular Schematics - Angular schematics (CLI commands) from files Explorer or Command Palette.
• Vue Peek - Allows peek and goto definition for Vue single-file components.
• ESLint - Integrates ESLint JavaScript into VS Code.
• Git History - View git log, file history, compare branches or commits
• Babel ES6/ES7 - Adds JS Babel es6/es7 syntax coloring
• GitLens — Git supercharged - Supercharge the Git capabilities built into Visual Studio Code — Visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more
• EditorConfig for VS Code - EditorConfig Support for Visual Studio Code
• TSLint - TSLint for Visual Studio Code
• npm - npm support for VS Code
• Prettier - Code formatter - VS Code plugin for prettier/prettier
• Git Project Manager - Allows you to change easily between git projects.
• Auto Close Tag - Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text
• Auto Rename Tag - Auto rename paired HTML/XML tag
• IntelliSense for CSS, SCSS class names in HTML, Slim and SCSS - CSS and SCSS class name completion for the HTML, Slim and SCSS class attribute based on the definitions found in your workspace.
• GitHub Pull Requests - Pull Request Provider for GitHub
• json2ts - Convert a JSON from clipboard to TypeScript interfaces. (Ctrl+Alt+V)
• Beautify - Beautify code in place for VS Code
• Npm Dependency - Update dependencies/devDependencies for specific package.json
• angular2-switcher - Easily navigate to component's files in angular2 project.
• Search node_modules - Quickly search the node_modules folder.
• Angular v7 Snippets - Angular v7 snippets by John Papa
• Team Chat: for Slack, Discord, Live Share - Send and receive chat messages inside VSCode
• CodeMetrics - Computes complexity in TypeScript / JavaScript files.
• NgBootstrap Snippets - NgBootstrap Snippets for VS Code
• Angular 2 TypeScript Test Snippets - Angular 2 TypeScript test snippets (updated up to Angular 2.1.2)
• JSON to TS - Convert JSON object to typescript interfaces
• Beautify css/sass/scss/less - Beautify css, sass and less code (extension for Visual Studio Code)
• Angular 7 Snippets - TypeScript, Html, Angular Material, ngRx, RxJS & Flex Layout - 232 Angular Snippets (TypeScript, Html, Angular Material, Flex Layout, ngRx, RxJS, PWA & Testing) Updated for v7.0.0
• Auto Import - ES6 & TS - Automatically finds, parses and provides code actions and code completion for all available imports. Works with JavaScript and TypeScript. [Forked]
• Visual Studio Keymap - Popular Visual Studio keybindings for VS Code.
• VS Live Share - Real-time collaborative development from the comfort of your favorite tools.
• VS Live Share Audio - Adds audio calling capabilities to Visual Studio Live Share
• Debugger for Chrome - %extension.description%
• Debugger for Edge - %extension.description%
• Color Highlight - Highlight web colors in your editor
• NG.42 TS Helpers - Adds snippets, create barrel commands, and scafolding for ngRx.
• Typescript Imports Sort - Sorts import statements in Typescript code
• Auto Import - ES6, TS, JSX, TSX - Automatically finds, parses and provides code actions and code completion for all available imports. Works with JavaScript and TypeScript. [Forked]
• Vetur - Vue tooling for VS Code
• Docker - Adds syntax highlighting, commands, hover tips, and linting for Dockerfile and docker-compose files.
• Version Lens - Shows the latest version for each package using code lens
• Material Icon Theme - Material Design Icons for Visual Studio Code
• TypeScript Importer - Automatically searches for TypeScript definitions in workspace files and provides all known symbols as completion item to allow code completion.
• CSS Peek - Allow peeking to css ID and class strings as definitions from html files to respective CSS. Allows peek and goto definition.
• TypeScript Hero - Additional toolings for typescript
• Night Owl - A VS Code theme for the night owls out there. Works well in the daytime, too. Decisions were based on meaningful contrast for reading comprehension and for optimal razzle dazzle. ✨
• Vue VSCode Snippets - Snippets that will supercharge your Vue workflow
• stylelint - Modern CSS/SCSS/Less linter
• SimonTest - Analyzes your Angular code and generates tests.
• Guides - An extension for more guide lines
• Auto Import - Automatically finds, parses and provides code actions and code completion for all available imports. Works with Typescript and TSX
• Move TS - Move TypeScript files and update relative imports - extension for moving typescript files and folders and updating relative imports in your workspace
• Bootstrap 4, Font awesome 4, Font Awesome 5 Free & Pro snippets - Bootstrap 4 snippets based on documentation + Font awesome 4 + Font Awesome 5 Free & Pro snippets
• JS Hacker Pack - Opinionated collection of Visual Studio Code extensions focused on Javascript development
• Formatting Toggle - A VS Code extension that allows you to toggle the formatter (Prettier, Beautify, …) ON and OFF with a simple click.
• Angular 2, 4 and upcoming latest TypeScript HTML Snippets - Angular 2, 4 and upcoming latest Typescript HTML ES6 fequently used snippets
• Highlight Matching Tag - Highlights matching closing or opening tag
• Azure Application Insights - Brings information from your production services right into your code editor to help you find and fix issues faster.
• Code Lens Roundup - Popular code lens extensions featured in Wade's extension roundup.
• TODO Highlight - highlight TODOs, FIXMEs, and any keywords, annotations...
• jumpy - Jumpy provides fast cursor movement, inspired by Atom's package of the same name.
• JavaScript (ES6) code snippets - Code snippets for JavaScript in ES6 syntax
• Reactjs code snippets - Code snippets for Reactjs development in ES6 syntax
• Markdown All in One - All you need for Markdown (keyboard shortcuts, table of contents, auto preview and more).
• IntelliSense for CSS class names in HTML - CSS class name completion for the HTML class attribute based on the definitions found in your workspace.
• Open in GitHub, Bitbucket, Gitlab, VisualStudio.com ! - Jump to a source code line in Github, Bitbucket, Gitlab, VisualStudio.com !
• ESLint - Integrates ESLint into VS Code.
• VS Live Share extension API - Enables VS Code extensions to access Live Share capabilities.
• vscode-chrome-debug-core - A library for building VS Code debug adapters for targets that support the Chrome Remote Debug Protocol
• Auto Import - automatically finds, parses and provides code actions for all available imports. Only currently works with files in your folder and TypeScript.
• Gitignore Templates - Quickly generate .gitignore file using templates from https://github.com/github/gitignore.

Credits

All credits goes to original authors of the above mentioned extensions.

Happy Coding!