backpacker-for-vuejs-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

Apollo GraphQL

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

Auto Import

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

Auto Rename Tag

This one automatically renames the corresponding tag that you modify. This is just a helpful time-saver.

Better Comments

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

Bookmarks

Mark lines and jump to them.

Blockman - Highlight Nested Code Blocks

Mark/Highlight code blocks

change-case

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

Code Spell Checker

Spelling checker for source code.

CSS Peek

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

Color Highlight

Highlight web colors in your editor.

Diff

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

Docker

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

DotEnv

Support for dotenv file syntax

Error Lens

Improve highlighting of errors, warnings and other language diagnostics.

ESLint

Integrates ESLint JavaScript into VS Code.

Font Awesome Auto-complete & Preview

Autocomplete & preview Font Awesome icons in any language.

Git Extension Pack

Popular Visual Studio Code extensions for Git.

GitHub Pull Requests and Issues

Pull Request and Issue Provider for GitHub.

GitLens — Git supercharged

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

HTML to CSS / LESS / SCSS

Copy HTML code and paste it as CSS / LESS / SCSS selectors code.

htmltagwrap

Wraps selected code with HTML tags.

HTML SCSS Support

SCSS support for HTML documents.

Image preview

Shows image preview in the gutter and on hover.

IntelliSense for CSS class names in HTML

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

indent-rainbow

Makes indentation easier to read.

javascript console utils

Help insert and remove console.(*) statements.

Jest

Use Facebook's Jest With Pleasure.

JSON to TS

Convert JSON object to typescript interfaces.

Live Sass Compiler

Compile Sass or Scss to CSS at realtime with live browser reload.

Live Server

Launch a development local Server with live reload feature for static & dynamic pages.

Markdown Preview Github Styling

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

MinifyAll

Minifier for JSON, CSS, HTML, XML, TWIG, LESS, SASS, SCSS, JavaScript, JSONC, and JavaScriptReact(testing). Compressor of files and folders. You will love its simplicity!.

Multi Line tricks

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

Move TS - Move TypeScript files and update relative imports

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

Next.js snippets

snippets for nextjs

One Monokai Theme

A cross between Monokai and One Dark theme.

open in browser

This allows you to open the current file in your default browser or application.

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

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

px to rem

Converts px to rem, and vice versa.

Prettier - Code formatter

Code formatter using prettier.

Paste JSON as Code

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

Path Intellisense

Visual Studio Code plugin that auto completes filenames

Remove Comments

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

REST Client

REST Client for Visual Studio Code.

Search node_modules

Quickly search the node_modules folder.

SCSS IntelliSense

Advanced autocompletion and refactoring support for SCSS.

Svg Preview

Preview for Svg files.

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

Thunder Client

Lightweight Rest API Client for VS Code

Template String Converter

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

vscode-faker

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

Visual Studio Code Commitizen Support

commitizen - git commit with conventions.

Visual Studio IntelliCode

AI-assisted development.

VS Color Picker

A tiny & smart color picker for web developer.

VS HTML to CSS

Generate CSS classes from HTML structure.

Visual Studio Keymap

Popular Visual Studio keybindings for VS Code.