💻My Web Development VS Code Settings, theme, Extensions
Published: 2021-07-04 12:26:55


I have been using VS-Code since I started programming. According to my knowledge it is most searched Code editor in the world. There are some excellent reasons for that



- VS Code feels fast. It is tough to get vs code to slow down. 

- Document search is really quick. It feels moment. It's as if there's no such thing as a wait time.

- It's small and light, but it comes with the majority of the features you'll need. File searching, debugging, and a simple git GUI are all available.

- Theme and customization assistance is excellent. In vs code, you can pretty much alter everything.

- Excellent extensions! Consider what kind of extension you'll require. That's right, vs code has it!
  
## Theme, File icons, Font-family, and Extensions

### Theme
- [Horizon Theme](https://marketplace.visualstudio.com/items?itemName=jolaleye.horizon-theme-vscode)
- [Monokai Dracula](https://marketplace.visualstudio.com/items?itemName=diego-ferreira.monodracula)
- [Github Theme](https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme)

#### File Icons
- [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme)

#### Fonts
- [JetBrains Mono](https://www.jetbrains.com/lp/mono/) - I'm using this font for quite a long time. It looks clean to me and has ligatures support.

#### Extensions
- [Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments) - Better Comments extension will help you create more human-friendly comments in your code.
- [Bracket Pair Colorizer 2](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2) - This extension allows matching brackets to be identified with colours. The user can define which tokens to match, and which colours to use.
- [Discord Presence](https://marketplace.visualstudio.com/items?itemName=icrawl.discord-vscode) - It update your discord status with a rich presence.
- [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) - Launch a development local Server with live reload feature for static & dynamic pages
- [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
- [Turbo Console Log](https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log) - This extension make debugging much easier by automating the operation of writing meaningful log message.
- [Project Manager](https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager) - Easily switch between projects
- [Path Autocomplete](https://marketplace.visualstudio.com/items?itemName=ionutvmi.path-autocomplete) - Provides path completion for visual studio code.

## Settings
I don't use the UI version of the settings interface. I like to manually edit the JSON file. To open the JSON file of your settings press `crtl`+`shift`+`p`, and then type `settings.json`. This will open your `settings.json` file of your settings and you can edit it like any other JSON files. So here i'm Sharing my `settings.json` file i'm using right now.

> ### Note:-
> To use my `settings.json` you need to have all the extensions and fonts I use to properly use my JSON files.

- [settings.json](https://github.com/mukiturrahman/VS-Code-Settings-JSON/blob/52724f4dc17ada54f19883696579601e4b1a7158/settings.json)

### Thanks for reading!

Connect With ME
- [Instagram](https://www.instagram.com/iiurusaii/)
- [Github](https://github.com/mukiturrahman)
- [Facebook](https://www.facebook.com/Dead.Haxxor/)
- [Linkedin](https://www.linkedin.com/in/mukitur-rahman-ashik-870756213/)