Extension Utilities Pack

Extension bundle for Visual Studio Code including: productivity tools, Angular snippets, Linters for: SCSS, TypeScript, stylelint, Git and Github utilities and code completion.

What's inside for developer experience Improvements

Angular

Angular Language Service: Angular Language Service.

Angular go to definition: Angular go to definition.

Angular v7 Snippets: Angular v7 Snippets.

angular2-inline: Visual Studio Code language extension for javascript/typescript files that use Angular2.

Angular 2 TypeScript Emmet: Support zen-coding syntax for Angular 2 typescript files.

Angular Schematics: Launch Angular schematics (CLI commands) from files Explorer (right-click) or Command Palette.

Linters

Sass Lint: Sass Lint.

Stylelint: Lint CSS/SCSS/Less with stylelint.

TypeScript TSLint Plugin: Provides TSLint support using the typescript-tslint-plugin. Important: If you also have the vscode-tslint extension in VS Code installed, please disable it to avoid linting files twice.

Intellisense

Npm Intellisense: Autocompletes npm modules in import statements.

Path Intellisense: Visual Studio Code plugin that autocompletes filenames.

SCSS IntelliSense: Advanced autocompletion and refactoring support for SCSS.

IntelliSense for CSS class names in HTML: CSS class name completion for the HTML class attribute based on the definitions found in your workspace.

Git and Github integration

Git Extension Pack: Git extension package include: Git History, Project Managet, GitLens, Gitignore, Open in Github.

Github Pull Request: Manage PRs in Github from VS Code.

Visual Helpers and useful utilities

Bracket Pair Colorizer: A customizable extension for colorizing matching brackets.

Better Comments: Add color to TODO comments.

Vscode Icons: File Icons - Includes Angular specific icons.

Output Colorizer: Adds syntax colorization for both the output/debug/extensions panel and .log files.

Line Indicator: Highlights your current indent depth.

VS Code CSS Comments: CSS comments made easy and consistent with these VS Code Snippets.

Auto Rename Tag: Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.

Auto Close Tags: Auto-close HTML tags.

CSS Peek: Allow peeking to css ID and class strings as definitions from html files to respective CSS. Allows peek and goto definition.

HTML SCSS Support: SCSS support for HTML documents.

Auto Trim WhiteSpaces: Automatically trims trailing whitespace when moving the cursor from one line to another.

Refactoring

JS Refactor: Automated refactoring tools to smooth your development workflow.

Move TS - Move TypeScript files and update relative imports: Moving TypeScript files and folders and updating relative imports in your workspace.

Relative Path Refactor: When refactoring, fix relative path errors. Automatically find and fix all relative paths for all files in a folder. After fixing, review changes!.

Converters

Paste JSON as Code: Interactively generate types and (de-)serialization code from JSON, JSON Schema, and TypeScript.

JSON to TypeScript Interface: Convert JSON object to typescript interfaces.

JSON to TS: Convert a JSON from clipboard to TypeScript interfaces.

Fomaters

Prettier - Code Formater: Format your JavaScript / TypeScript / CSS using Prettier.

Node

Search node_modules: Quickly search the node_modules folder

Npm: Supports running npm scripts defined in the package.json file and validating the installed modules against the dependencies defined in the package.json.

Debug

Chrome Debug: Debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome Debugger protocol.

Docker

Docker: Adds syntax highlighting, commands, hover tips, and linting for Dockerfile and docker-compose files.

DotENV and EditorConfig

DotENV: Support for dotenv file syntax.

EditorConfig for VS Code: EditorConfig Support for Visual Studio Code.

Markdown

Markdown All in One: All you need to write Markdown (keyboard shortcuts, table of contents, auto preview and more).

Markdown Preview Github Styling: Changes VS Code's built-in markdown preview to match Github's style.

Rest

Rest Client: REST Client for Visual Studio Code.

Rails Support

Rails: Ruby on Rails support for Visual Studio Code.

Rails Open Partials Open Rails Partials filenames.

SolarGraph: Code completion and inline documentation for Ruby.

Ruby: Provides Ruby language and debugging support for Visual Studio Code.

Gemfile: Provide hover link in Gemfile refers to online site.