BackPacker Extensions Pack 
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.3.vsix
Install From marketplace
ext install AbdulmoizAhmer.back-packer
Settings (optional)
{
"window.zoomLevel": 2,
"explorer.confirmDragAndDrop": false,
"javascript.validate.enable": false,
"editor.formatOnPaste": true,
"editor.snippetSuggestions": "top",
"files.autoSave": "afterDelay",
"files.autoSaveDelay": 100,
"editor.fontSize": 20,
"better-comments.multilineComments": true,
"better-comments.highlightPlainText": false,
"javascript.updateImportsOnFileMove.enabled": "always",
"better-comments.tags": [
{
"tag": "!",
"color": "#D84727",
"strikethrough": false,
"underline": false,
"backgroundColor": "transparent",
"bold": false,
"italic": false
},
{
"tag": "?",
"color": "#5EB1BF",
"strikethrough": false,
"underline": false,
"backgroundColor": "transparent",
"bold": false,
"italic": false
},
{
"tag": "//",
"color": "#9BC53D",
"strikethrough": true,
"underline": false,
"backgroundColor": "transparent",
"bold": false,
"italic": false
},
{
"tag": "todo",
"color": "#EF7B45",
"strikethrough": false,
"underline": false,
"backgroundColor": "transparent",
"bold": false,
"italic": false
},
{
"tag": "*",
"color": "#3F612D",
"strikethrough": false,
"underline": false,
"backgroundColor": "transparent",
"bold": false,
"italic": false
}
],
"terminal.integrated.profiles.linux": { "bash": { "path": "/bin/bash" } },
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[go]": {
"editor.insertSpaces": true,
"editor.formatOnSave": true,
"editor.defaultFormatter": "golang.go-nightly"
},
"[markdown]": {
"editor.formatOnSave": true,
"editor.formatOnPaste": true
},
"[json]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
"settingsSync.ignoredExtensions": ["bengreenier.vscode-node-readme"],
"fileutils.typeahead.enabled": true,
"launch": {
"configurations": [],
"compounds": []
},
"cSpell.userWords": ["Kubernetes", "middlewares", "sendgrid", "Twilio"],
"redhat.telemetry.enabled": true,
"svelte.enable-ts-plugin": true,
"workbench.editor.untitled.hint": "hidden",
"solidity.defaultCompiler": "localNodeModule",
"bookmarks.useWorkaroundForFormatters": true,
"json.schemas": [
],
"editor.bracketPairColorization.enabled": true,
"editor.guides.bracketPairs":"active",
"go.toolsManagement.autoUpdate": true,
"tabnine.experimentalAutoImports": true,
"vs-kubernetes": {
"vscode-kubernetes.kubectl-path.linux": "/home/abdulmoiz/.vs-kubernetes/tools/kubectl/kubectl",
"vscode-kubernetes.minikube-path.linux": "/home/abdulmoiz/.vs-kubernetes/tools/minikube/linux-amd64/minikube",
"vscode-kubernetes.helm-path.linux": "/home/abdulmoiz/.vs-kubernetes/tools/helm/linux-amd64/helm"
}
}
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.
Babel JavaScript
VSCode syntax highlighting for today's JavaScript.
Bash Beautify
Format / Beautify bash and shell scripts.
Improve your code commenting by annotating with alert, informational, TODOs, and more!
Better TOML
Better TOML is vs code extension to support TOML file.
Bookmarks
Mark lines and jump to them.
Bridge to Kubernetes
Rapid Kubernetes development for teams.
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.
Color Highlight
Highlight web colors in your editor.
CSS Peek
Allow peeking to css ID and class strings as definitions from html files to respective CSS. Allows peek and goto definition.
css-to-react
Convert CSS to React-style style objects or JSON.
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.
ES7+ React/Redux/React-Native snippets
Extensions for React, React-Native and Redux in JS/TS with ES7+ syntax. Customizable. Built-in integration with prettier.
ESLint
Integrates ESLint JavaScript into VS Code.
Ethereum DeFi Language Support
Ethereum DeFi support for NodeJS applications
Ethereum Essentials Pack
Extension pack for Ethereum developers
Ethereum Remix
Ethereum Remix plugins in VSCode
EthSential
Security analysis for Ethereum smart contracts
File Downloader
Exposes an API that allows other extensions to download files.
File Utils
A convenient way of creating, duplicating, moving, renaming, deleting files and directories.
Font Awesome Auto-complete & Preview
Autocomplete & preview Font Awesome icons in any language.
Git Extension Pack
Popular Visual Studio Code extensions for Git.
Git History
View git log, file history, compare branches or commits.
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
Go
Rich Go language support for Visual Studio Code.
Go Doc
Show documentation of go symbols and packages.
Go Nightly
Rich Go language support for Visual Studio Code (Nightly).
Go Outliner
Go code outline explorer.
Go Test Explorer
Go Test Explorer.
Go to SCSS
Switch between the code and the stylesheet file.
Golang TDD
Show green/red lights on the bottom bar. Red when tests are failing and green when passing. This runs on save. Better feedback with less effort.
Tools for productive work.
HTML to CSS / LESS / SCSS
Copy HTML code and paste it as CSS / LESS / SCSS selectors code.
html-to-react
Converts HTML code to React JSX.
htmltagwrap
Wraps selected code with HTML tags.
Image preview
Shows image preview in the gutter and on hover.
Import Cost
Display import/require package size in the editor.
indent-rainbow
Makes indentation easier to read.
IntelliSense for CSS class names in HTML
CSS class name completion for the HTML class attribute based on the definitions found in your workspace.
JavaScript and TypeScript Nightly
Enables typescript@next to power VS Code's built-in JavaScript and TypeScript support.
javascript console utils
Help insert and remove console.(*) statements.
JS JSX Snippets
Extensions for React, Redux in JS with babel and ES7 syntax.
JSON to TS
Convert JSON object to typescript interfaces.
jsx-to-scss
Help you generate scss/less structure from jsx.
Kubernetes
Develop, deploy and debug Kubernetes applications.
Live Sass Compiler
Compile Sass or Scss to CSS at realtime with live browser reload.
Live Share
Real-time collaborative development from the comfort of your favorite tools.
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!.
MongoDB for VS Code
Connect to MongoDB and Atlas directly from your VS Code environment, navigate your databases and collections, inspect your schema and use playgrounds to prototype queries and aggregations.
Move TS - Move TypeScript files and update relative imports
extension for moving typescript files and folders and updating relative imports in your workspace.
Multi Line tricks
Enable Alt+L (line select) and Alt+Shift+L (selection to multi-cursor) behavior on VSCode.
MySQL
Database manager for MySQL/MariaDB, PostgreSQL, SQLite, Redis and ElasticSearch.
Node TDD
Ease test-driven development in Node and JavaScript.
node-readme
A vscode extension to view javascript module documentation in editor.
Node.js Exec
Execute the current file or your selected code with node.js.
npm
npm support for VS Code.
npm Intellisense
Visual Studio Code plugin that autocompletes npm modules in import statements.
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 !.
Paste JSON as Code
Copy JSON, paste as Go, TypeScript, C#, C++ and more.
Peacock
Subtly change the workspace color of your workspace. Ideal when you have multiple VS Code instances and you want to quickly identify which is which.
Code formatter using prettier.
Project Manager
Easily switch between projects.
Project Snippets
Project/Workspace level snippets.
px to rem
Converts px to rem, and vice versa.
Quokka.js
JavaScript and TypeScript playground in your editor.
Debugging and integrated commands for React Native.
Remote - Containers
Open any folder or repository inside a Docker container and take advantage of Visual Studio Code's full feature set.
Remove all comments from your code at once! Unclutter and undocument your code in one go!
REST Client
REST Client for Visual Studio Code.
Rust
Rust for Visual Studio Code (powered by Rust Language Server/Rust Analyzer). Provides lints, code completion and navigation, formatting and more.
SCSS IntelliSense
Advanced autocompletion and refactoring support for SCSS.
Search node_modules
Quickly search the node_modules folder.
seti
Seti theme for VsCode.
solidity
Ethereum Solidity Language for Visual Studio Code.
Solidity Debugger
Debugger for Solidity smart contracts - powered by the Meadow testing and development tool suite.
Svelte for VS Code
Svelte language support for VS Code.
Svg Preview
Preview for Svg files.
Tabnine AI Autocomplete for Javascript, Python, Typescript, PHP, Go, Java, Ruby & more
JavaScript, Python, Java, Typescript & all other languages - AI Code completion plugin. Tabnine makes developers more productive by auto-completing their code.
Tailwind CSS IntelliSense
Intelligent Tailwind CSS tooling for VS Code.
Template String Converter
Converts a string to a template string when ${ is typed.
Todo Tree
Show TODO, FIXME, etc. comment tags in a tree view.
TSLint
TSLint support for Visual Studio Code.
TypeScript Hero
Additional toolings for typescript.
TypeScript Importer
Automatically searches for TypeScript definitions in workspace files and provides all known symbols as completion item to allow code completion.
Typescript React code snippets
Code snippets for react in typescript.
TypeScript Vue Plugin (Volar)
Vue Plugin for TypeScript server.
Vetur
Vue tooling for VS Code.
Visual Studio Code Commitizen Support
commitizen - git commit with conventions.
vscode-UnCSS
Can use uncss with vscode.
Visual Studio IntelliCode
AI-assisted development.
Visual Studio Keymap
Popular Visual Studio keybindings for VS Code.
VS Color Picker
A tiny & smart color picker for web developer.
VS HTML to CSS
Generate CSS classes from HTML structure.
vscode-faker
Generate fake data for name, address, lorem ipsum, commerce and much more.
vscode-proto3
Protobuf 3 support for Visual Studio Code.
vue
Syntax Highlight for Vue.js.
Vue Language Features (Volar)
Language support for Vue 3.
Vyper
Ethereum Vyper language support for Visual Studio Code.
YAML
YAML Language Support by Red Hat, with built-in Kubernetes syntax support.
