backpacker-for-angular-developers README

Thanks for checking out my VS Code backPack extension pack.

Remove all existing extensions (optional)

rm -rf ~/.vscode/extensions

Install From Cloning Repository

code --install-extension back-packer-0.0.1.vsix

Install From marketplace

ext install AbdulmoizAhmer.back-packer

Included Extensions

Auto Import

Auto Rename Tag

Automatically finds, parses and provides code actions and code completion for all available imports. Works with Typescript and TSX.

Blockman - Highlight Nested Code Blocks

Auto Rename Tag

Mark/Highlight code blocks

Code Spell Checker

Auto Rename Tag

Spelling checker for source code.

Docker

Auto Rename Tag

Makes it easy to create, manage, and debug containerized applications.

DotEnv

Dot Env

Support for dotenv file syntax

Error Lens

Auto Rename Tag

Improve highlighting of errors, warnings and other language diagnostics.

Git Extension Pack

Auto Rename Tag

Popular Visual Studio Code extensions for Git.

GitHub Pull Requests and Issues

Auto Rename Tag

Pull Request and Issue Provider for GitHub.

GitLens — Git supercharged

Auto Rename Tag

Supercharge Git within VS Code — Visualize code authorship at a glance via Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights via rich visualizations and powerful comparison commands, and so much more

Markdown Preview Github Styling

HTML CSS Support

Changes VS Code's built-in markdown preview to match Github's style.

Next.js snippets

HTML CSS Support

snippets for nextjs

Open in GitHub, Bitbucket, Gitlab, VisualStudio.com !

HTML CSS Support

Jump to a source code line in Github, Bitbucket, Gitlab, VisualStudio.com !.

indent-rainbow

HTML CSS Support

Makes indentation easier to read.

ESLint

Auto Rename Tag

Integrates ESLint JavaScript into VS Code.

Visual Studio Code Commitizen Support

HTML CSS Support

commitizen - git commit with conventions.

Jest

Use Facebook's Jest With Pleasure.

Auto Rename Tag

Visual Studio IntelliCode

HTML CSS Support

AI-assisted development.

javascript console utils

HTML CSS Support

Help insert and remove console.(*) statements.

Prettier - Code formatter

HTML CSS Support

Code formatter using prettier.

Paste JSON as Code

HTML CSS Support

Copy JSON, paste as Go, TypeScript, C#, C++ and more.

Remove Comments

HTML CSS Support

Remove all comments from your code at once! Unclutter and undocument your code in one go!

Search node_modules

HTML CSS Support

Quickly search the node_modules folder.

Thunder Client

HTML CSS Support

Lightweight Rest API Client for VS Code

REST Client

HTML CSS Support

REST Client for Visual Studio Code.

Visual Studio Keymap

HTML CSS Support

Popular Visual Studio keybindings for VS Code.

Multi Line tricks

HTML CSS Support

Enable Alt+L (line select) and Alt+Shift+L (selection to multi-cursor) behavior on VSCode.

Svg Preview

HTML CSS Support

Preview for Svg files.

HTML CSS Support

JavaScript, Python, Java, Typescript & all other languages - AI Code completion plugin. Tabnine makes developers more productive by auto-completing their code.

Apollo GraphQL

Rich editor support for GraphQL client and server development that seamlessly integrates with the Apollo platform.

Auto Rename Tag

Better Comments

Auto Rename Tag

Improve your code commenting by annotating with alert, informational, TODOs, and more!

Bookmarks

Auto Rename Tag

Mark lines and jump to them.

change-case

Auto Rename Tag

Quickly change the case (camelCase, CONSTANT_CASE, snake_case, etc) of the current selection or current word.

Diff

Auto Rename Tag

Diff 2 opened files with ease. Because running code --diff path1 path2 is too slow.

Template String Converter

HTML CSS Support

Converts a string to a template string when ${ is typed.

vscode-faker

HTML CSS Support

Generate fake data for name, address, lorem ipsum, commerce and much more.

Path Intellisense

HTML CSS Support

Visual Studio Code plugin that auto completes filenames

JSON to TS

HTML CSS Support

Convert JSON object to typescript interfaces.

Move TS - Move TypeScript files and update relative imports

HTML CSS Support

extension for moving typescript files and folders and updating relative imports in your workspace.

Angular Language Service

Auto Rename Tag

Editor services for Angular templates

Angular Snippets (Version 13)

HTML CSS Support

Angular version 13 snippets by John Papa

Angular Schematics

HTML CSS Support

Angular schematics (CLI commands) from files Explorer or Command Palette.

Angular Files

HTML CSS Support

Quickly scaffold angular file templates

angular2-inline

HTML CSS Support

Visual Studio Code language extension for javascript/typescript files that use Ang...

angular2-switcher

HTML CSS Support

Easily navigate to typescript|template|style in angular2 project.

Angular 2 TypeScript Emmet

HTML CSS Support

Support zen-coding syntax for Angular 2 typescript files.

Angular 2 TypeScript Test Snippets

HTML CSS Support

Angular 2 TypeScript test snippets (updated up to Angular 2.1.2)

Special thanks to Irfan Balghari